使用 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

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

Live Demo

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

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

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

您可以使用 attr 获取属性，但使用 attr 不会让您的值被 javascript 更改。 data 和 attr 之间的区别值得一读 post。

Live Demo

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