作成中の複雑なアプリケーションで jQuery コードをより効率的にするのに問題があります。このコードの動作を改善する方法はありますか? parent()
確かに、複数の機能が最良の選択肢になることはありません。
これは私のjQueryコードです(ドキュメント準備コードの外側):
$(".icon .remove a").click(function (m) {
m.preventDefault();
var caption = $(this).parent().parent().children("a").children(".caption").contents().text();
confirm("Are you sure you want to delete "+caption+"?");
});
これが問題の HTML です。
<div class="icon">
<span class="config"><a href="#"><i class="icon-cog"></i></a></span>
<span class="remove"><a href="#"><i class="icon-remove-sign"></i></a></span>
<a href="#">
<span class="image"><img src="https://si0.twimg.com/profile_images/3653636892/753cd0095b234e216b1ffc50911a0203_bigger.png" alt="ProbabilityWolf"></span>
<span class="caption">ProbabilityWolf</span>
</a>
</div>
キャプションを簡単に取得する方法があるに違いないと思います! ここで「アイコン」と呼ばれるビットは何度も繰り返され、常に異なるキャプションを持ちますが、常に同じ構造を持ちます。