溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
怎么在PHP中jQuery實現一個即點即改功能？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
具體如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>即點即改</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<?php
$con = array(
array("id"=>1,"姓名"=>"張三","性別"=>"女"),
array("id"=>2,"姓名"=>"李四","性別"=>"男"),
array("id"=>3,"姓名"=>"王五","性別"=>"男"));
// print_r($con);die;
?>
<table align="center" border="1">
<?php foreach ($con as $key => $v): ?>
<tr pid="<?= $v['id'];?>">
<td><span class="up" ><?= $v['姓名'];?></span></td>
<td><?= $v['性別'];?></td>
</tr>
<?php endforeach; ?>
</table>
</body>
</html>
<script>
//即點即改
$(document).on("click",".up",function(){
var content = $(this).text(); //獲取到當前點擊對象的值
var pid = $(this).parents("tr").attr('pid'); //通過attr 獲取到設置的屬性（pid）
//當點擊修改文字時 變成文本框并且獲取到原值（content）
$(this).parent().html("<input type='text' class='fo' value='" + content + "'/>");
$(".fo").focus(); //光標
$(".fo").blur(function(){
//獲取到修改后的值
var val = $(".fo").val();
//
/*
將所有修改信息傳到后端
*/
$(this).parent().html("<span class='up' style='cursor:pointer;'>"+val+"</span>");
})
})
</script>看完上述內容，你們掌握怎么在PHP中jQuery實現一個即點即改功能的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
