jquery 查找
本帖最后由 wtmrlc118 于 2013-01-25 16:54:12 编辑 <table style="text-align: center;">
<tr>
<td width="20%">
<span>name</span>
</td>
<td width="20%" align="center">
<span>price</span>
</td>
<td width="10%">
type
</td>
<td width="15%" align="center">
<span>other</span>
</td>
<td width="15%" align="center">
<a href="javascript:" class="update">update</a>
</td>
</tr>
</table>
js：
$(function () {
// 修改操作
$('.update').live('click', function () {
var s = $(this).parent().parent().find("span").text();
$(this).parent().parent().find("span").html("<input type=text value=" + s + ">");
$(this).parent().html("<a href=javascript: class=save>保存</a>")
});
// 保存操作
$('.save').live('click', function () {
var k = $(this).parent().parent().find("span input").val();
$(this).parent().parent().find("span").html(k);
$(this).parent().html("<a href=javascript: class=update>修改</a>")
});
});
上述js代码适用于tr里面只含一个span的情况，我现在想对每个span编辑，如何查找每个span呢？ jquery
[解决办法]
$(function () {
// 修改操作
$('.update').live('click', function () {
$(this).parent().parent().find("span").each(function(i)
{
var s = $(this).text();
$(this).html("<input type=text value=" + s + ">");
});
$(this).parent().html("<a href=javascript: class=save>保存</a>")
});
// 保存操作
$('.save').live('click', function () {
$(this).parent().parent().find("span").each(function(i)
{
var k = $(this).find("input").val();
$(this).html(k);
});
$(this).parent().html("<a href=javascript: class=update>修改</a>")
});
});