2015-03-05 6 views
0

У меня есть следующий HTML структуру:Доступ ребенка элемент выбранного элемента DOM

<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"?

+2

'id =" toggle "или' class = "toggle" '? – Sadikhasan

+7

Как насчет '$ (this) .find ('. Toggle')'? – kidA

ответ

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

Упрощенный, хотя я бы использовал '$ (this)' вместо '$ (event.currentTarget)' для ясности и краткости :) – Flater

Смежные вопросы