获取子元素的属性

Question

如果我有以下标记：

<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=

的不同值

Answer 1

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

Answer 2

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

这将为您提供第一个元素的sortcat值。要获得所有这些，请执行以下操作：

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

参见此工作演示：http://jsfiddle.net/BwgDW/

Answer 3

$('.sort span')

我误解了吗？

Answer 4

有几种方法可以引用span标记，但所有这些方法都以“.attr（'sortcat'）结尾;”我想这取决于你想要的具体程度以及你需要多么灵活还有一些带有锚标签和跨距的p标签。

$('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/

Answer 5

find（）查找给定元素中的元素。

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