我有一个像这样动态生成的表结构 -
<table>
<tr class="row">
<td class="order">1</td>
<td class="name">abc</td>
</tr>
<tr class="row">
<td class="order">2</td>
<td class="name">def</td>
</tr>
</table>
基本上我将获得两个行的值1,2。使用每个订单值,我将如何获得其父级并循环通过它并获得它的价值?
我期待的输出是使用订单值“1”,我必须得到“abc”并使用订单值“2”,我必须得到“def”。
任何人都可以帮我解决这个问题吗?
答案 0 :(得分:1)
尝试
var value = ;// 1 or 2 etc
var text = $('.row td.order').filter(function(){
return $.trim($(this).text()) == value
}).next().text()
答案 1 :(得分:0)
您可以使用next()
获取下一个td,首先需要将事件绑定到td包含值1,2。您可以使用.row类并将事件绑定到选择器中的后代td。
<强> Live Demo 强>
$('.row td.order').click(function(){
alert($(this).next().text());
});
答案 2 :(得分:0)
如果结构总是像您的示例中那样,您可以使用next()
,如下所示:
var order = 1;
$('.row td.order:contains('+order+')').next().text()
如果没有,你可以使用它(明确搜索'name'td):
var order = 1;
$('.row td.order:contains('+order+')').parent().find("td.name").text()
请参阅fiddle