单击时检索父文本(jQuery)
我正在尝试选择第一个td元素,此时单击按钮“Add”单击时检索父文本(jQuery),jquery,Jquery,我正在尝试选择第一个td元素,此时单击按钮“Add” <tr> <td>tt3783958</td> <td>La La Land</td> <td>2016</td> <td>Comedy, Drama, Music</td>
<tr>
<td>tt3783958</td>
<td>La La Land</td>
<td>2016</td>
<td>Comedy, Drama, Music</td>
<td>
<button class="btn btn-outline-success">Add</button>
</td>
</tr>
现场演示:
您不需要eq(0)
<代码>等式(0)表示索引为零的选择器,所以只向第一个按钮添加事件。可以使用该函数使用选择器选择第一个父元素
$(文档).ready(函数(){
$(“.btn.btn大纲成功”)。单击(函数(){
var test=$(this).closest(“tr”).find('td').first().text()
console.log(测试)
});
});代码>
身份证件
标题
年
类型
选项
tt3783958
拉兰
2016
喜剧、戏剧、音乐
添加
tt0488120
骨折
2007
犯罪、戏剧、神秘
添加
tt3569230
传奇
2015
传记、犯罪、戏剧
添加
tt2692904
洛克
2013
戏
添加
tt1392190
疯狂麦克斯:愤怒之路
2015
动作、冒险、科幻
添加
tt0993846
华尔街的狼
2013
传记、喜剧、犯罪
添加
您不需要eq(0)
<代码>等式(0)
表示索引为零的选择器,所以只向第一个按钮添加事件。可以使用该函数使用选择器选择第一个父元素
$(文档).ready(函数(){
$(“.btn.btn大纲成功”)。单击(函数(){
var test=$(this).closest(“tr”).find('td').first().text()
console.log(测试)
});
});代码>
身份证件
标题
年
类型
选项
tt3783958
拉兰
2016
喜剧、戏剧、音乐
添加
tt0488120
骨折
2007
犯罪、戏剧、神秘
添加
tt3569230
传奇
2015
传记、犯罪、戏剧
添加
tt2692904
洛克
2013
戏
添加
tt1392190
疯狂麦克斯:愤怒之路
2015
动作、冒险、科幻
添加
tt0993846
华尔街的狼
2013
传记、喜剧、犯罪
添加
您可以选择tr,然后选择第一个td:
$(this).closest('tr').find("td:first")
$(“.btn.btn大纲成功”)。打开('click',函数(e){
var test=$(this).closest('tr').find(“td:first”);
console.log(test.text());
});代码>
身份证件
标题
年
类型
选项
tt3783958
拉兰
2016
喜剧、戏剧、音乐
添加
tt0488120
骨折
2007
犯罪、戏剧、神秘
添加
tt3569230
传奇
2015
传记、犯罪、戏剧
添加
tt2692904
洛克
2013
戏
添加
tt1392190
疯狂麦克斯:愤怒之路
2015
动作、冒险、科幻
添加
tt0993846
华尔街的狼
2013
传记、喜剧、犯罪
添加
您可以选择tr,然后选择第一个td:
$(this).closest('tr').find("td:first")
$(“.btn.btn大纲成功”)。打开('click',函数(e){
var test=$(this)