访问当前所选DOM元素的子项

Access child item of currently selected DOM element

本文关键字:元素 DOM 访问      更新时间:2023-09-26

我有以下HTML结构:

<a class="category-tag-item category-item inactive" id="someId">
    <span class="category-name">Category Name</span>
    <span class="toggle">Inactive</span>
</a>

我的JQuery:

$(".category-item").bind("click", function () {
    // How to access the span element with id="toggle"?
});

脚本中的注释几乎涵盖了它。在使用$(this)引用访问JQuery中的<a>标记后,如何使用id="toggle"访问它的子元素<span>元素?

$(".category-item").bind("click", function (event) {
    $(event.currentTarget).find('.toggle').html("clicked");
});