Question

如何获取由某个类名称定义的同级元素的文本。例如在下面的代码中，当我按下按钮时，我想找出fund_name的值。这段代码实际上是在循环中，因此有很多行的fund_names，然后每行都有一个按钮：

for($k=0; $k < $count; $k++)
{
   $row = $result->fetch_assoc();
   ?>
   <tr class="tbl_fund_list">
       <td class="fund_name"><?php echo($row['fund_name']); ?></td>
       <td><?php echo($row['inv_nav']); ?></td>
       <td><?php echo($row['date']);?></td>
       <td><?php echo($row['inv_nav']*$row['inv_qty']);?></td>
       <td><button class="terminate_btn">Go</button></td>
   </tr>
        <?php
}

Answer 1

您想使用<td>和parent()来获得按钮的父siblings()的同级兄弟

$('.terminate_btn').click(function(){
   var txt = $(this).parent().siblings('.fund_name').text();
   console.log(txt)    
})

Answer 2

一种解决方案是首先使用closest选择公共父元素，然后find设置同级元素。

$('.terminate_btn').click(function () { 
    console.log($(this).closest('tr').find('.fund_name').text()) 
}

查找兄弟元素jQuery的文本

2 个答案: