jquery - 获取某个类的所有锚点的某个属性

Question

我想在 jQuery 中获取具有特定类name的所有标签的属性。<a>我该怎么做。

说这是我的 HTML：

<div>
    <a href="#" name="first" class="myClass">Something</a>
</div>
<a href="#" name="second">Something else</a>
<a href="#" name="third" class="myClass">Something else again</a>

所以我需要得到“第一”和“第三”，因为他们有班级myClass。主播‘第三’没有这个类，所以我不需要它。

Answer 1

使用类选择器.并prop()获取属性..attr()如果您使用的是旧版本的 jquery（之前的 jquery 1.6），请尝试这个...

$('.className').prop('name'); //calssName is the name of your class

对于多个元素

$('.className').each(function(){
   console.log($(this).prop('name')) 
});

或使用map()

 var nameArray= $('.class').map(function(){
   return this.name;
 }).get();

 console.log(nameArray);  //nameArray is an array with all the names

小提琴使用地图

例子..

<a name="test" class="class">test</a>

alert($('.class').prop('name'));

Answer 2

试试这个工作演示：

$('div.divClass').children('a.anchorClass').each(function( index ) {
    alert($(this).prop('name'));
});

Answer 3

var array = new Array();    

$('a.className').each(function(){
   array.push($(this).prop('name'));
})

迭代数组以获取“a”标签的所有属性名称