Question

希望找到一种方法来获取唯一标识符作为参数传递给javascript中的函数。想要获得第一个td的id，如果可能的话

<tr id='it'><td id="#nameiron">Jason</td><td id="#priceiron">sss</td><td><button id="#namebutttt">Buy</button></td><td><button>Sell</button></td></tr>
<tr ><td id="#namecolbolt">Jason</td><td id="#pricecolbolt">sss</td><td><button>Buy</button></td><td><button>Sell</button></td></tr>
<tr ><td id="#namealuminium">Jason</td><td id="#pricealuminium">sss</td><td><button>Buy</button></td><td><button>Sell</button></td></tr>
<tr ><td id="#namenickel">Jason</td><td id="#pricenickel">sss</td><td><button>Buy</button></td><td><button>Sell</button></td></tr>
<tr ><td id="#namesilver">Jason</td><td id="#pricesilver">sss</td><td><button>Buy</button></td><td><button>Sell</button></td></tr>
<tr ><td id="#namegold">Jason</td><td id="#pricegold">sss</td><td><button>Buy</button></td><td><button>Sell</button></td></tr>
<tr ><td id="#nameosmium">Jason</td><td id="#priceosmium">sss</td><td><button>Buy</button></td><td><button>Sell</button></td></tr>

Answer 1

closest是查找特定祖先元素（父母，祖父母等）的关键。与parents不同，它返回第一个匹配的祖先：

$('td button').click(function(){
    alert($(this).closest('tr').attr('id'));
    alert($(this).closest('tr').find('td:first').attr('id'));
});

注意：目前还不清楚你想对这些值做什么，但实际上你应该避免重新运行相同的选择器（使用本地变量来保存选择器结果）：

$('td button').click(function(){
    var $tr = $(this).closest('tr');
    alert($tr.attr('id'));
    alert($tr.find('td:first').attr('id'));
});

使用javascript / jquery在TD中单击按钮时查找TR的ID

1 个答案: