使用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'));