使用jQuery選擇對象的子代

Question

我具有用於打開模式對話框的功能，我需要使用“ dblclicked”節點中的一些信息來填充該對話框：

$(function(){
    $(".delete").live('dblclick', function () {
        var id = $(this).attr('id');
        $('#delID').val(id);
        var txt = this.parentNode.children[2].innerHTML;
        $("#details").html(txt);
        $("#delAssign").dialog('open');
    });
});

html的示例：

<tr>
    <td class='delete'></td>
    <td></td>
    ...
    <td></td>
</tr>
<tr>
...
</tr>

現在我正在

var txt = ...

使用純javaScript。

問題是“如何使用jQuery為var txt實現相同的結果？”

Answer 1

您可以將其更改為：

var txt = $(this).siblings(":eq(2)").html();

我認為這是最快的解決方案。

Answer 2

像這樣：

var txt = $(this).parent().children().eq(2).html();

.parent()選擇父元素。

.children()選擇子項

.eq(2)在子級中選擇索引為2的元素

.html()獲取此元素的html內容

編輯：由於Felix Kling將children(':eq(2)')更改為children().eq(2)

Answer 3

var txt = $(this).siblings().eq(2).html();

使用eq()作為方法而不是將其作為選擇器傳遞是更快的方法。

無論如何，既然您已經有了JavaScript解決方案，那么為什么要使用jQuery放慢速度呢？