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>

如何从inventory-notes的子div中获取值299？该表确实包含至少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多个处理程序。

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

1 个答案: