jquery - 如何在jquery中获取html元素的索引

Question

我有 html 元素

<ul>
<li>
    <dl class="details clear">
        <dt>TIME&nbsp;:&nbsp;&nbsp;&nbsp;</dt>
        <dd>09:00:00-10:00:00</dd>
        <dt>Availible&nbsp;Days&nbsp;:&nbsp;&nbsp;</dt>
        <dd>monday,tuesday,wednesday</dd>
        <dt></dt>
        <dd>
        <label class="edit-details white_blue" style="float:right;margin-right:10px;">EDIT</label>
        <label class="delete-details white_red" style="float:right;margin-right:10px;">DELETE</label>
        </dd>
    </dl>
    <dl class="details clear">
        <dt>TIME&nbsp;:&nbsp;&nbsp;&nbsp;</dt>
        <dd>10:30:00-11:30:00</dd>
        <dt>Availible&nbsp;Days&nbsp;:&nbsp;&nbsp;</dt>
        <dd>monday,tuesday,wednesday</dd>
        <dt></dt>
        <dd>
        <label class="edit-details white_blue" style="float:right;margin-right:10px;">EDIT</label>
        <label class="delete-details white_red" style="float:right;margin-right:10px;">DELETE</label>
        </dd>
    </dl>
</li>
</ul>

我想获取编辑标签的索引，如果它在第一个“dl”中必须警告0，否则如果它在第二个“dl”中必须警告1

到目前为止我做到了

$("label").click(function () {
    var parent_el = $(this).parents('li');
    alert(parent_el.index(this));
});

请帮忙

Answer 1

$("label").click(function () {
    var parent_el = $(this).parents('dl');
    alert($("dl").index(parent_el));
});

或者

$("label").click(function () {
        var parent_el = $(this).parents('dl');
        alert(parent_el.index());
    });