javascript - আমি কিভাবে jQuery এ একাধিক ক্লাস সঙ্গে একটি উপাদান নির্বাচন করতে পারেন?




css-selectors jquery-selectors (8)

আপনার সমস্যা হচ্ছে, আপনি একটি Group Selector ব্যবহার করছেন, যখন আপনি একটি Multiples selector ব্যবহার করা উচিত! আরো নির্দিষ্ট হতে, আপনি $('.a, .b') ব্যবহার করছেন এবং আপনি $('.a.b') ব্যবহার করা উচিত।

আরো তথ্যের জন্য, এখানে selectors একত্রিত বিভিন্ন উপায়ে সংক্ষিপ্ত বিবরণ দেখুন!

গ্রুপ নির্বাচক: ","

সমস্ত <h1> উপাদানগুলি এবং সমস্ত <p> উপাদানগুলি এবং সমস্ত <a> উপাদানগুলি নির্বাচন করুন: 

$('h1, p, a')

গুণক নির্বাচক: "" (কোন চরিত্র)

ক্লাস code এবং red সহ সকল <input> type text উপাদানগুলি নির্বাচন করুন: 

$('input[type="text"].code.red')

Descendant নির্বাচক: "" (স্থান)

সমস্ত <i> উপাদান <i> উপাদানগুলির ভিতরে উপাদানগুলি নির্বাচন করুন: 

$('p i')

শিশু নির্বাচক: ">"

সমস্ত <ul> উপাদানগুলি নির্বাচন করুন যা <li> উপাদানগুলির অবিলম্বে সন্তান: 

$('li > ul')

নিকটাত্মীয় ভাইবোন নির্বাচক: "+"

<h2> উপাদানের পরে অবিলম্বে স্থাপন করা সমস্ত <a> উপাদান নির্বাচন করুন: 

$('h2 + a')

জেনারেল সিবলিং নির্বাচকঃ "~"

<span> উপাদানের ভাইবোন যারা <span> উপাদানগুলি নির্বাচন করুন: 

$('div ~ span')

আমি সব উপাদান নির্বাচন করতে চান যা দুটি শ্রেণী b এবং b । 

<element class="a b">

সুতরাং, শুধুমাত্র দুটি উপাদান আছে উপাদান।

যখন আমি $(".a, .b") ব্যবহার করি তখন এটি আমাকে ইউনিয়ন দেয়, তবে আমি ছেদটি চাই।

আপনি filter() ফাংশন ব্যবহার করে এটি করতে পারেন: 

$(".a").filter(".b")

আপনি যা চান তা পেতে getElementsByClassName() পদ্ধতিটি ব্যবহার করতে পারেন। 

var elems = document.getElementsByClassName("a b c");
elems[0].style.color = "green";
console.log(elems[0]);
<ul>
  <li class="a">a</li>
  <li class="a b">a, b</li>
  <li class="a b c">a, b, c</li>
</ul>

এটি দ্রুততম সমাধান। আপনি here যে সম্পর্কে একটি বেঞ্চমার্ক দেখতে পারেন।

ক্ষেত্রে জন্য 

<element class="a">
  <element class="b c">
  </element>
</element>

আপনি .bc এবং .bc মধ্যে একটি স্থান .bc 

$('.a .b.c')

ভাল কর্মক্ষমতা জন্য আপনি ব্যবহার করতে পারেন 

$('div.a.b')

এটি আপনার পৃষ্ঠায় থাকা সমস্ত HTML উপাদানগুলির মাধ্যমে পদক্ষেপ নেওয়ার পরিবর্তে কেবল ডিভ উপাদানগুলির মাধ্যমে দেখাবে।

ভ্যানিলা জাভাস্ক্রিপ্ট সমাধান: -

document.querySelectorAll('.a.b')

শুধু উপাদান সঙ্গে আরেকটি ক্ষেত্রে উল্লেখ:

যেমন <div id="title1" class="ABC">

শুধু টাইপ করুন: $("div#title1.ABC") 

$('.a .b , .a .c').css('border', '2px solid yellow');
//selects b and c
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="a">a
  <div class="b">b</div>
  <div class="c">c</div>
  <div class="d">d</div>
</div>






javascript   jquery   css-selectors   jquery-selectors  


jquery-selectors