javascript - 从父母那里得到未知的孩子div？

Question

<script type="text/javascript">
$(".inventory-notes").bind("click", function() {
    if($(this).text().length > 0) {
        alert($(this).text());
        alert($(this).closest(".inventory-notes").children().text());
    }
});
</script>

示例表

<table id="inventory" class="table">
    <thead>
        <tr>
            <th>Item</th>
            <th>Value</th>
            <th>Usage</th>
            <th>Notes</th>
        </tr>
    </thead>
    <tbody>
        <tr class="items">
            <td>Hatchet</td>
            <td>24,000 Gold</td>
            <td>Woodcutting</td>
            <td><div class="inventory-notes"><div id="299"><img src="addnotes.png"></div></div></td>
        </tr>
    </tbody>
</table>

如何从子 div 中获取 299 的值inventory-notes？该表实际上包含至少 1,000 行项目，每个项目都包含一个随机 ID。

我正在使用 jQuery 1.6.2，所以我不能使用.on() function.

Answer 1

由于您使用的是 jQuery 1.6.2，我会使用.delegate：

$("#inventory").delegate(".inventory-notes", "click", function(){
    var id = $(this).find("div").prop("id");
});

由于您将拥有 1,000 多个行，因此您不想将事件绑定到实际行，从而导致 1,000 多个处理程序。