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