使用jquery检索属性值

时间:2013-01-17 11:28:35

标签: javascript jquery angularjs

这是我用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>

2 个答案:

答案 0 :(得分:7)

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

<强> Live Demo

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

您可以使用descendant selector找出具有声明类的元素中具有阶段类的元素。

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

您可以使用attr获取属性,但使用attr不会让您通过javascript更改值。对于dataattr之间的差异,值得阅读post

<强> Live Demo

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

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

答案 1 :(得分:2)

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

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