获取子元素的属性

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/