জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
ফোরাম
 

জেকুয়েরি 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>

ফলাফল





« জেকুয়েরি সিলেক্টরসমূহ