<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<tr>
<td class='type'> Type name </td>
<td class='number'> 102030 </td>
<td class='software'> 1.0-Alpha </td>
<td ><button class='btnSelect'>Order</button>
</tr>
<script>
$(".btnSelect").on('click',function() {
var tdNumber = $(this).find('.number').html();
var data = $(this).find('.number').html();
alert(data);
})
</script>
字符串
如果我点击了订单按钮显示错误undefined,这是怎么回事?
谢啦,谢啦
3条答案
按热度按时间kmb7vmvb1#
**1st:**关闭
<td ><button class='btnSelect'>Order</button>
中的</td>
标签**第二个:**需要使用
.closest('tr').find
字符串
alen0pnh2#
基本上你有一些错误在你的html dom。
字符串
button
没有用td
Package ,tr
没有用table
Package ,在jQuery中型
button
上有一个事件,它在tr
内部,注意你可以从子节点到父节点查找。即$(this).find('.number').html();
这里$(this)
是点击按钮的对象,您正在搜索父对象的兄弟对象,即$(this).find('.number').html();
。tr
您可以查看以下示例,该示例是基于您提供的代码编写的。的字符串
g2ieeal73#
当你想选择同一棵树的任何一个元素时,你必须去根目录,然后找到它。
在HTMLDOM元素中,要转到根目录,必须使用closest()函数;要从根目录查找,必须使用find()函数
用这个
字符串