"actionname":"xx"
} //定义好你需要传的参数
$.ajax({
url: location.href, //url地址
type: "POST",
data: para,//模拟个数据
success: function (result) {
//我这里返回的是text
if (result != "" && result != undefined) {
var data = JSON.parse(result) //所以这里转了一不json 如果你返回的直接是json就不用转了直接 *** 作result
var tempHtml = ""
for(var i = 0 i< data.length i++)
{
tempHtml += "<tr><td>"+data[i]["name"]+"</td></tr>"
}
$("table").append(tempHtml) //添加你拼接好的html到table里
}
}, error: function (err) {
}
})
jQuery 中使用 text() 或者 html() 函数可以获取td的内容：
$("td").text() // 或者 $("td").html()
二者区别在于前者返回所选元素的文本内容，后者返回所选元素的内容（包括 HTML 标记）。
下面实例演示：点击按钮后获取所有选中行的td单元格的内容
1、HTML结构
<table id = "test">
<tr><td><input type="checkbox" name="test"></td><td>1</td></tr>
<tr><td><input type="checkbox" name="test"></td><td>4</td></tr>
<tr><td><input type="checkbox" name="test"></td><td>7</td></tr>
<tr><td><input type="checkbox" name="test"></td><td>10</td></tr>
</table>
<input type="button" value="确定">
2、jquery代码
$(function(){
$(":button").click(function() {
str = $(":checkbox:checked").map(function() {
return $(this).parent().siblings('td').text() // 根据checkbox定位到后面的td，然后使用text()函数获取内容
}).get().join(", ") // 获取内容数组并拼接为字符串
alert(str) // 输出
})
})
3、效果演示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>table中tdの変更</title>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("td").dblclick(function(){
$(this).text("")
var input = "<input type='text'>"
$(this).append(input)
$("input").focus()
$("input").blur(function(){
if($(this).val()==""){
$(this).remove()
}else{
$(this).closest("td").text($(this).val())
}
})
})
})
</script>
<style type="text/css">
#table tr td {
padding:5px 44px
}
</style>
</head>
<body >
<form id="theForm">
<table id="table" border="1" cellspacing="0">
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
</table>
</form>
</body>
</html>
代码你测一下，注意修改jquery包的路径，有问题可追问！！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）