كيفية تبسيط اجتياز شجرة jquery؟
-
12-12-2019 - |
سؤال
لغة البرمجة
...
<a id="delete1" href="http://www.example.com">TEST</a>
<p>First</p>
<p>Second</p>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<div id="hidden-qsd">123</div>
...
شبيبة
var id = $('#delete1').nextUntil("div[id^='hidden']").next().last().attr('id');
أرغب في الحصول على معرف أقرب "div" بدءًا من "مخفي" الموجود بعد الرابط "#delete1".
يعمل هذا الرمز السابق ولكن أعتقد أن هناك طريقة أبسط للقيام بذلك.
المحلول
$('#delete1').nextAll('[id^="hidden"]').attr('id')
nextAll()
كفى
مثال جسبي: http://jsbin.com/usowej/3/edit
ملحوظة:إذا كان لديك أكثر من عنصر يبدأ معرفه بـ hidden
مجرد استخدام
$('#delete1').nextAll('[id^="hidden"]:first').attr('id')
لاسترداد التواجد الأول فقط، انظر http://jsbin.com/usowej/4/edit
نصائح أخرى
يمكنك استخدام nextAll(selector)
للحصول على الأشقاء التاليين بعد العنصر:
var id = $('#delete1').nextAll("div[id^='hidden']").prop('id');
لا تنتمي إلى StackOverflow