jquery, ক্লাস অনুসারে পরবর্তী উপাদান সন্ধান করুন


103

ক্লাস অনুসারে আমি কীভাবে পরবর্তী উপাদানটি খুঁজে পেতে পারি।

আমি চেষ্টা করেছি $(obj).next('.class');তবে এই ক্লাসটি কেবল $(obj)পিতামাতায় ফিরে আসে । ক্লাস নাম অনুসারে কোডটি জুড়ে আমার পরবর্তী উপাদানটি নেওয়া দরকার। কারণ আমার কোডটি দেখে মনে হচ্ছে

<table>
<tr><td><div class="class">First</div></td></tr>
<tr><td><div class="class">Second</div></td></tr>
</table>

এটা কি সম্ভব?

উত্তর:


150

এক্ষেত্রে আপনার <tr> তত্ক্ষণাত ব্যবহারের দিকে যাওয়া দরকার .next():

$(obj).closest('tr').next().find('.class');

বা যদি অভ্যন্তরীণ ব্যতীত সারি সারি থাকতে পারে তবে .classআপনি এটি ব্যবহার করতে পারেন .nextAll():

$(obj).closest('tr').nextAll(':has(.class):first').find('.class');

এটি করা সহজ হবে: $ (আপত্তি)। ক্লোজস্ট ('টিআর')। পরের সব ('শ্রেণি') [0];
স্টুআর

4
@ এসটিআর - এটি এখানে কাজ করে না, যেহেতু .NxtAll () কেবলমাত্র ভাইবোন উপাদানগুলির দিকে নজর দেয়। পরের <ডিভি> প্রশ্নটি চায় তার জন্য আপনার বংশধরদের দিকে নজর দেওয়ার মতো কিছু দরকার।
নিক Craver

4
এবং যদি এইচটিএমএল অবজেক্ট থেকে কোনও অ্যাট্রিবিউট পেতে চাইলে কী হয়? একটি ভালো লেগেছে$(obj).closest('tr').nextAll('.class')[0].attr('data-attribute');
ডেনিস ব্রাগা

আপনার ব্যবহারের প্রয়োজনও হতে পারে: পিতামাতার ()। পরবর্তী ("") যদি উপাদানটির কোন ভাইবোন না থাকে
শশী কাঁথ

@ নিকক্রাভার আপনি দুর্দান্ত আছেন
পবিত্র আত্মা


15

আপনি এই দৃশ্যে পরবর্তী () ব্যবহার করতে পারবেন না, যদি আপনি ডকুমেন্টেশনের দিকে লক্ষ্য করেন তবে এটি বলে:
নেক্সট () মিলিত উপাদানগুলির সেটে প্রতিটি উপাদানটির সাথে সাথে নীচের ভাইবোনটি পান যদি কোনও নির্বাচক সরবরাহ করা হয় তবে এটি নির্বাচকটির সাথে মিলিত পরবর্তী ভাইবোনটি পুনরুদ্ধার করে।

সুতরাং যদি দ্বিতীয় ডিআইভি একই টিডিতে থাকে তবে আপনি কোড করতে পারেন:


// Won't work in your case
$(obj).next().filter('.class');

তবে যেহেতু এটি নেই, আমি পরবর্তী () ব্যবহার করার বিন্দু দেখতে পাচ্ছি না। আপনি পরিবর্তে কোড করতে পারেন:

$(obj).parents('table').find('.class')


6
তবে এটি পরবর্তী উপাদানটি কীভাবে খুঁজে পাবে। .ফাইন্ড সমস্ত উপাদান ফিরে আসবে।
শাশ্বত কুমার

আপনি পিতামাতাকে পেয়েছেন যার উভয় উপাদান রয়েছে এবং এখন আপনি যে উপাদানটি চান তা সন্ধান করতে পারেন। আমি সবেমাত্র আমাকে সাহায্য করেছি
Gendrith
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.