通过类Attribute获取所选行的列值

时间:2017-10-30 09:25:25

标签: javascript jquery html

一个简短的问题:我使用一个通常的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"); 
 });

选择后,该行属于&#34;选择&#34;。

现在我的指定问题:如何使用所选行中的类/ ID Attribut例如 PFu1Exists 从列中获取值。

当然,我可以迭代该行并进行比较,但我正在寻找一个简短的JQuery行。

在阅读这里的一些帖子时,我发现函数最接近并且找到了,但是我必须写出我可以避免的语句!,查询只是在所选行中搜索...?而不会上下移动到下一行?

value= $(.selected).closest(.selected).find('.PFu1Exists');
谢谢你的时间!

3 个答案:

答案 0 :(得分:0)

使用您的点击功能,您已经删除了其他选定的课程。这意味着,在您的表格中,只有一个tr具有selected类。所以,您可以像以下一样使用它:

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

使用find(),您只会搜索其子/后代。它不会找到它的兄弟姐妹。你可以从

了解更多

答案 1 :(得分:0)

您可以使用以下代码..

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

或者你可以使用 -

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

答案 2 :(得分:0)

您不需要使用find()功能在<tr>内搜索。 你可以直接使用

$('.selected .PFu1Exists')

将选择<td class='PFu1Exists'>内的孩子<tr class='selected'>