Jquery:如何使用其值获取父级?

时间:2013-12-20 06:36:50

标签: jquery

我有一个像这样动态生成的表结构 -

    <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”。

任何人都可以帮我解决这个问题吗?

3 个答案:

答案 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