জেকুয়েরি element ~ siblings সিলেক্টর
সংজ্ঞা এবং ব্যবহার
("element ~ siblings") সিলেক্টরের মাধ্যমে একটি নির্দিষ্ট এলিমেন্টের সকল সহোদর এলিমেন্টকে সিলেক্ট করা হয়।
যেমন উদাহরণঃ
$("div ~ p")-<div>এলিমেন্টের সহোদর সকল<p>এলিমেন্টকে সিলেক্ট করবে।
সিনট্যাক্স
$("element ~ siblings")
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে element ~ siblings সিলেক্টরে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| element | আবশ্যক। জেকুয়েরির যেকোন ভ্যালিড সিলেক্টর। |
| siblings | আবশ্যক। element প্যারামিটারের সহোদর এলিমেন্টকে নির্দেশ করে। |
element ~ siblings সিলেক্টর সংক্রান্ত উদাহরণ
<h3> এলিমেন্টের সহোদর সকল <p> এলিমেন্টকে সিলেক্ট
নিচের উদাহরণে element ~ siblings সিলেক্টরের ব্যবহার দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<title>জেকুয়েরি element ~ siblings সিলেক্টর</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("h3 ~ p").css({
"background-color": "green",
"color": "white",
});
});
</script>
</head>
<body>
<h3>$("h3 ~ p") কি সিলেক্ট করবে?</h3>
<p>এই প্যারাগ্রাফটি সিলেক্ট হবে। কারন এটি <h3> এলিমেন্টের সহোদর এলিমেন্ট।</p>
<p>এই প্যারাগ্রাফটিও সিলেক্ট হবে না। কারণ এটিও <h3> এলিমেন্টের সহদোর এলিমেন্ট।</p>
<div style="border:1px solid teal;">
<h3>এটি <h3> এলিমেন্ট।</h3>
<p>এই প্যারাগ্রাফটি সিলেক্ট হবে। কারণ এটি <h3> এলিমেন্টের সহোদর এলিমেন্ট।</p>
<p></p>
</div>
<br>
<div style="border:1px solid red;">
<h3>এটি <h3> এলিমেন্ট।</h3>
<div>
<p>এই প্যারাগ্রাফটি সিলেক্ট হবে না। কারণ এটি <h3> এলিমেন্টের সহোদর এলিমেন্ট নয়।</p>
</div>
</div>
</body>
</html>
ফলাফল