<td> <tr> 通过类属性从选定行中获取列值

Question

一个简短的问题：我使用通常的html + twig表，我用很多值填充它。此表的重要部分如下所示：

{% if rec.pDsDuplicate =='0'%}
                            <td class="PFu1Exists">
                                {{rec.getPFu1Exists()}}
                            </td>
                            <td class ="PFu2Exists">
                                {{rec.getPFu2Exists()}}
                            </td>
                            <td class ="PFu3Exists">
                                {{rec.getPFu3Exists()}}
                            </td>
                            <td class= "PFu5Exists">
                                {{rec.getPFu5Exists()}}
                            </td>
                            <td class ="PSdqExists">
                                {{rec.getPSdqExists()}}
                            </td>
                            <td class="PFupExists">
                                {{rec.getPFupExists()}}
                            </td>
                        {% else %}

现在我使用此函数选择一行：

 $("#search_results tr").click(function() {
     $(this).addClass("selected").siblings().removeClass("selected"); 
 });

选择后，该行属于"选定"类。

现在我的指定问题：我如何使用类/ID 属性从列中获取值，例如 PFu1存在于所选行中。

当然，我可以迭代该行并进行比较，但我正在寻找一个快速的 JQuery 行。

在

阅读这里的一些帖子时，我找到了最接近的函数并找到了，但是我必须如何编写我可以是舒尔！的语句，查询只是在选定的行中搜索..... ？ 而不是上下遍历到下一行？

value= $(.selected).closest(.selected).find('.PFu1Exists');

感谢您抽出宝贵时间！

Answer 1

使用单击函数，您已经删除了其他选定的类。 这意味着，在您的表中，只有 1 个tr具有selected类。因此，您可以像以下那样使用它：

$('.selected').find('.PFu1Exists');

通过使用 find（），您将只搜索其子/后代。 它不会找到它的兄弟姐妹。 您可以阅读更多

Answer 2

你可以使用以下代码。

$("#search_results tr").click(function(){
    $(this).addClass("selected").siblings().removeClass("selected");
    alert($(this).find('.PFu1Exists').html()); 
});

或者您可以使用 -

alert($('tr.selected').find('.PFu1Exists').html());

Answer 3

您无需使用find()函数即可在<tr>内部进行搜索。您可以直接使用

$('.selected .PFu1Exists')

这将选择子<td class='PFu1Exists'> <tr class='selected'>。