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

জেকুয়েরি :parent সিলেক্টর


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



সংজ্ঞা এবং ব্যবহার

:parent সিলেক্টরের মাধ্যমে ঐসকল এলিমেন্টকে সিলেক্ট করা হয়, যেগুলো অন্য কোন নির্দিষ্ট এলিমেন্টের (টেক্সট নোডও অন্তর্ভূক্ত) প্যারেন্ট এলিমেন্ট।



সিনট্যাক্স

$(":parent")


:parent সিলেক্টর সংক্রান্ত উদাহরণ

চাইল্ড (টেক্সট অন্তর্ভূক্ত) এলিমেন্টযুক্ত সকল <li> এলিমেন্ট সিলেক্ট

নিচের উদাহরণে :parent সিলেক্টরের ব্যবহার দেখানো হলোঃ

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
  <title>জেকুয়েরি :parent সিলেক্টর</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script>
  $(document).ready(function(){
    $("li:parent").css({
        "background-color": "bisque",
        "color": "red",
        "border": "2px solid yellow",
    });
  });
  </script>
</head>
<body>
  
  <h2 style="text-align:center;">স্যাট একাডেমী</h2>
  
  <p>স্যাট একাডেমীর ওয়েবসাইট থেকে আপনি যে বিষয়গুলো শিখতে পারবেনঃ</p>
  <ul>
    <li>এইচটিএমল</li>
    <li></li>
    <li><a href="https://sattacademy.com/js">জাভাস্ক্রিপ্ট</a></li>
    <li></li>
    <li></li>
    <li><a href="https://sattacademy.com/bootstrap">বুটস্ট্রাপ</a></li>
    <li></li>
    <li></li>
    <li>ওয়ার্ডপ্রেস</li>
  </ul>

</body>
</html>

পরামর্শঃ খালি <li> এলিমেন্টের মধ্যে কিছু লিখুন। তাহলে এটিও সিলেক্ট হবে।

ফলাফল





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