javascript - jqueryclosest（）が機能しない

Question

クラスとの最も近いリンクを取得しa.tariff-linkてメソッドに送信しようとしてclosest()いますが、常に未定義の要素を渡しているため、見つからないようです。

$(".ui-icon-triangle-1-e").click(function () {

    GetRuleData($(this).closest("a.tariff-link"));

});

HTMLの例は次のようになります。

<h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" role="tab" aria-expanded="false" tabindex="-1">
<span class="ui-icon ui-icon-triangle-1-e"></span>
<a id="41965" class="tariff-link" href="#" tabindex="-1">
</h3>

Answer 1

.siblings()の代わりに必要です.closest()。後者は現在の要素とその祖先をチェックしますが、あなたaは現在の要素の兄弟であり、祖先ではありません。

それが常に現在の要素の直後の要素である場合は、を使用することもできます.next()。

Answer 2

試す：

GetRuleData($(this).next("a.tariff-link"));