使用jquery检索属性值

Question

这是我用angular js编写的代码。使用jQuery我想要得到的“数据索引”属性值

<div class="claimed" droppable value="2"> 

     <div class="phase1" ng-repeat="item in Phase1claimed" 
      data-index="{{$index}}" draggable value="2"> 
      <div class="ClaimedAccordion" accordion-title="{{item.name}}" unclaimhi="unclaimhi('1');"> 

       {{item.newLabel}} <br /> {{item.desc}} <br /> {{item.effort}} <br /> 
       {{item.owner}} <br /> {{item.issues}} <br /> {{item.comments}} <br /> 
       {{item.dependency}} <br /> {{item.content}} 
      </div><br/> 
     </div> 
    </div> 

Answer 1

您还可以使用jQuery的attr() API函数来获取数据属性

$('.phase1').attr('data-index'); 

Answer 2

您可以使用data()获取数据使用class selector属性data-index。

Live Demo

$('.phase1').data('index'); 

您可以使用descendant selector与声称类元素中找出与相类元素。

$('.claimed .phase1').data('index'); 

您可以使用attr获取属性，但使用attr不会让您的值被JavaScript更改。它的价值是post，其差值在data和attr之间。

Live Demo

<a id="foo" data-foo="bar" href="#">foo!</a> 

alert($('#foo').attr('data-foo')); 
alert($('#foo').data('foo'));