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

Question

我有以下 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"?

});

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

Answer 1

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