访问当前所选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");
});