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である必要があり、2番目の「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());
    });