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.