使用jquery检索属性值

Question

这是我用angular js编写的代码。 使用jquery我想获得“data-index”属性值

<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

您可以使用data（）来使用类选择器获取数据属性data-index 。

现场演示

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

您可以使用后代选择器在具有声明的类的元素内找出具有阶段类的元素。

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

您可以使用attr来获取属性，但使用attr不会让您通过javascript更改值。 值得一读这篇文章，了解data和attr之间的差异。

现场演示

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

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

Answer 2

您还可以使用attr（） jQuery API函数来获取数据属性

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