jquery 如何获得价值< td>

eoigrqb6  于 2023-08-04  发布在  jQuery
关注(0)|答案(3)|浏览(104)
<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,这是怎么回事?
谢啦,谢啦

kmb7vmvb

kmb7vmvb1#

**1st:**关闭<td ><button class='btnSelect'>Order</button>中的</td>标签
**第二个:**需要使用.closest('tr').find

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<table>
<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></td>
</tr>
</table>
<script>
$(document).ready(function(){ // you may need to use document ready
    $(".btnSelect").on('click',function(){
      var data = $(this).closest('tr').find('.number').html();
      alert(data);
    });
});
</script>

字符串

alen0pnh

alen0pnh2#

基本上你有一些错误在你的html dom。

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

字符串
button没有用td Package ,tr没有用table Package ,在jQuery中

$(".btnSelect").on('click', function() {
    var tdNumber = $(this).find('.number').html();
    var data = $(this).find('.number').html();
    alert(data);
});


button上有一个事件,它在tr内部,注意你可以从子节点到父节点查找。即$(this).find('.number').html();这里$(this)是点击按钮的对象,您正在搜索父对象的兄弟对象,即$(this).find('.number').html();tr您可以查看以下示例,该示例是基于您提供的代码编写的。

$(".btnSelect").on('click', function() {
    var data = $(this).parent().siblings('.number').text();
    alert(data);
})
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<table>
    <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></td>
    </tr>
</table>

的字符串

g2ieeal7

g2ieeal73#

当你想选择同一棵树的任何一个元素时,你必须去根目录,然后找到它。
在HTMLDOM元素中,要转到根目录,必须使用closest()函数;要从根目录查找,必须使用find()函数
用这个

$(".btnSelect").on('click',function(){
    var tdNumber = $(this).closest('tr').find('.number').html();
    var data = $(this).closest('tr').find('.number').html();
    alert(data);
});

字符串

相关问题