jquery, আইডি মধ্যে শ্রেণীর জন্য নির্বাচক

Question

নীচে, আমি যে উপাদান ক্লাস রাখতে নির্বাচন করা উচিত my_classসঙ্গে উপাদান মধ্যে id = "my_id"?

নোট করুন যে উপাদানটির আরও একটি ক্লাস থাকতে পারে, যার জন্য আমি নির্বাচন করছি না।

<div id = "my_id">
    <span class = "my_class hidden">hi</span>
    <span class = "my_class">hello</span>
</div>

চেষ্টা ছিল

$("#my_id [class*=my_class ]")

Answer 1

আপনি বংশধর নির্বাচক সহ বর্গ নির্বাচনকারী ব্যবহার করতে পারেন

$("#my_id .my_class")

Comments

আমি কি এটির সাথে একত্রিত করতে পারি: প্রথম (# মাই_আইডির ভিতরে এই শ্রেণীর প্রথম উপাদানটি পেতে)?

— jakob.j

@ জাকব.জে$("#my_id .my_class:first")

— অরুণ পি জনি

ক্লাসের ভিতরে আইডি সংজ্ঞায়িত করা হলে আমি $ ("। My_class #my_id") এর মতো আইডির চেয়েও ক্লাসের জন্য একই ব্যবহার করতে পারি

— dhS

Answer 2

কেবল প্লেইন ওল 'শ্রেণির নির্বাচক ব্যবহার করুন।

$('#my_id .my_class')

উপাদানটির অন্যান্য ক্লাস রয়েছে কিনা তা বিবেচ্য নয়। এটিতে । My_class ক্লাস রয়েছে এবং এটি #my_id এর ভিতরে কোথাও রয়েছে তাই এটি নির্বাচকটির সাথে মিলবে।

অভিনয় সম্পর্কে

জিকুয়ারি সিলেক্টর পারফরম্যান্স ডকুমেন্টেশন অনুসারে দুটি নির্বাচককে আলাদাভাবে ব্যবহার করা আরও দ্রুততর:

$('#my_id').find('.my_class')

এখানে নথির প্রাসঙ্গিক অংশটি রয়েছে:

আইডি ভিত্তিক নির্বাচক

// Fast:
$( "#container div.robotarm" );

// Super-fast:
$( "#container" ).find( "div.robotarm" );

.find()আইডি শুধুমাত্র পছন্দসই মান নির্বাচন করে ব্যবহার পরিচালনা করা হয় - পদ্ধতির দ্রুত কারণ প্রথম নির্বাচন শোঁ শব্দ নির্বাচক ইঞ্জিন মাধ্যমে যাওয়া ছাড়া ঘাঁটা হয় document.getElementById(), যা অত্যন্ত দ্রুত কারণ এটি ব্রাউজারে নেটিভ।

নির্বাচন ID দ্বারা বা বর্গ দ্বারা একা (অন্যান্য বিষয় ছাড়াও) ডাকে ব্রাউজার-সরবরাহকৃত ফাংশন মত document.getElementById()যা বেশ দ্রুত হয় যেহেতু একটি ব্যবহার বংশধর নির্বাচক হিসাবে উল্লেখ করেছে শোঁ শব্দ ইঞ্জিন যা, যদিও দ্রুত, প্রস্তাবিত বিকল্প তুলনায় ধীর কিছুকে ডাকে।

Answer 3

সর্বদা ব্যবহার

//Super Fast
$('#my_id').find('.my_class'); 

পরিবর্তে

// Fast:
$('#my_id .my_class');

তাকিয়ে আছে JQuery পারফরমেন্স রুলস ।

এছাড়াও jQuery ডক

Answer 4

আমি মনে করি যে আপনি কেবল <span class = "my_class">hello</span>এই উপাদানটি নির্বাচন করতে বলছেন , আপনি এটির মতো করেছেন, আমি যদি আপনার প্রশ্নটি সঠিকভাবে বুঝতে পারি তবে এটি উত্তর,

$("#my_id [class='my_class']").addClass('test');

DEMO

Comments

$("#my_id .my_class")সংক্ষিপ্ত সমতুল্য; আপনি এই ক্ষেত্রে অ্যাট্রিবিউট সিলেক্টর ব্যবহার করে কিছু অর্জন করতে পারবেন না।

— doppelgreener

আমি আশা করি যে এটিও আপনার উত্তর হিসাবে একই কাজ করেছে, আপনি যে উত্তরটি দিয়েছিলেন আমি তার উত্তর দিচ্ছিলাম, আমি লক্ষ্য করি না যেহেতু আমি উত্তরটি দিয়েছি তবে আমি প্রশ্নটি মুছে ফেলিনি।

— তিরুমালাই মুরগান

Answer 5

এছাড়াও $( "#container" ).find( "div.robotarm" );
সমান:$( "div.robotarm", "#container" )