jquery - .load() 只有源 html 根目录的子节点？

Question

在我的url我有一段 html 被包裹在一个<tr>

<tr>
    <td>
        <a class="row_edit" href="/sales_item/edit/{{ item.id }}" title="{% trans 'Edit' %}"><i class="icon-pencil"> </i></a>
        <a href="/sales_item/delete/{{ item.id }}" title="{% trans 'Delete' %}"><i class="icon-trash"> </i></a>
    </td>
    <td>{{ item.item_description }}</td>                    
</tr>

在我的目标行中，当用户单击按钮时，我将上面的 html 加载到行中。

var row = $('tr');
row.load(
        url,        
        function () {                   
            $(".row_edit").click(row_edit);
        }
    );

但是问题是我会在 tr 里面有一个 tr：

<tr>
    <tr>
        <td>
            <a class="row_edit" href="/sales_item/edit/{{ item.id }}" title="{% trans 'Edit' %}"><i class="icon-pencil"> </i></a>
            <a href="/sales_item/delete/{{ item.id }}" title="{% trans 'Delete' %}"><i class="icon-trash"> </i></a>
        </td>
        <td>{{ item.item_description }}</td>                    
    </tr>
</tr>

我怎么能说在做 .load() 时只加载源的孩子？

Answer 1

你可以试试这样的

row.load(
    url,        
    function () {    
        var data = $(this).find("tr").html();               
        $(this).html(data);
        $(".row_edit").click(row_edit);
    }
);

Answer 2

var row = $('tr');
row.load(
        url + ' td',        
        function () {                   
            $(".row_edit").click(row_edit);
        }
    );

---

$('#result').load('ajax/test.html #container');// this is the page fragments selector for jQuery load