Получить атрибут дочернего элемента

Если у меня есть следующая разметка:

<p class="header hours">
    <a href="javascript:void(0)" class="sort" sortcat="hours">
        Hours&nbsp;<span class="imgholder" sortcat="hours">&nbsp;</span>
    </a>
</p>

Как настроить таргетинг на тег <span> в теге привязки? Есть пять других подобных тегов <p>, каждый с другим значением для sortcat=

Ответ 1

$(".sort").click(function(){
  var cat =  $(this).children("span").attr("sortcat");
  //do something with the sortcat
});

Ответ 2

$("a span[sortcat]").attr('sortcat')

Это даст вам первый элемент sortcat. Чтобы получить все из них, сделайте следующее:

$("a span[sortcat]").map(function(){ return $(this).attr('sortcat') })

См. эту рабочую демонстрацию: http://jsfiddle.net/BwgDW/

Ответ 3

$('.sort span')

Не понял ли я?

Ответ 4

Есть несколько способов, которыми вы можете ссылаться на тег span, но все они заканчиваются на ".attr(" sortcat "):" Я думаю, это зависит от того, насколько вы конкретно хотите и насколько вам нужно гибко, если есть еще несколько тэгов с привязными тегами и внутренними частями.

$('p.header a.sort span.imgholder').attr('sortcat');

/* or */

$('span.imgholder').attr('sortcat');

Вы можете выбрать элементы, основанные на их имени тегов, их имени класса или атрибутах внутри тегов. См. Документацию по jQuery для селекторов:

http://api.jquery.com/category/selectors/basic-css-selectors/

http://api.jquery.com/category/selectors/

Ответ 5

find() находит элементы внутри данного элемента.

$('a.sort').find('span');