link - jquery w3schools




এনটি jQuery উপাদান পেতে কিভাবে (8)

JQuery এ, $("...").get(3) 3 ডিএম উপাদানটি ফেরত দিন। ফাংশন কি 3 য় jQuery উপাদান ফিরে?


অ্যাক্সেস এবং jQuery সঙ্গে এনথ উপাদান মুছে ফেলার জন্য লাইভ উদাহরণ:

<html>
<head></head>
<body>
    <script type="text/javascript" 
    src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $('li:eq(1)').hide();
      });
    </script>
    <ol>
      <li>First</li>
      <li>Second</li>
      <li>Third</li>
    </ol>
</body>
</html>

যখন এটি সঞ্চালিত হয়, তখন সাজানো তালিকাতে দুটি আইটেম রয়েছে যা দেখায়, প্রথম, এবং তৃতীয়। দ্বিতীয় লুকানো ছিল।


.eq () - একটি পূর্ণসংখ্যা উপাদানটির 0-ভিত্তিক অবস্থান নির্দেশ করে।

উদা:

এটিতে একটি সহজ তালিকা সহ একটি পৃষ্ঠা বিবেচনা করুন:

<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>

আমরা তালিকা আইটেমগুলির সেটে এই পদ্ধতি প্রয়োগ করতে পারি:

$( "li" ).eq( 2 ).css( "background-color", "red" );

আরও তথ্যের জন্য: .eq ()


আমি আপনি এই ব্যবহার করতে পারেন মনে হয়

$("ul li:nth-child(2)").append("<span> - 2nd!</span>");

এটি প্রতিটি মিল উল মধ্যে দ্বিতীয় li খুঁজে এবং এটি নোট।


উদাহরণস্বরূপ আপনি লুপে নির্দিষ্ট উপাদান / নোড বা ট্যাগটি আনতে চান

<p class="weekday" data-today="monday">Monday</p>
<p class="weekday" data-today="tuesday">Tuesday</p>
<p class="weekday" data-today="wednesday">Wednesday</p>
<p class="weekday" data-today="thursday">Thursday</p>

সুতরাং, উপরের কোড লুপটি কার্যকর করা হয়েছে এবং আমরা নির্দিষ্ট ক্ষেত্রটি নির্বাচন করতে চাই যা আমাদের জন্য jQuery নির্বাচনটি ব্যবহার করতে হবে যা কেবল উপরের লুপ থেকে উপাদানটি প্রত্যাশা করতে পারে তাই কোডটি হবে

$('.weekdays:eq(n)');

যেমন

$('.weekdays:eq(0)');

পাশাপাশি অন্য পদ্ধতি দ্বারা

$('.weekday').find('p').first('.weekdays').next()/last()/prev();

কিন্তু HTML <tag> অনন্য ক্লাস নাম আছে যখন প্রথম পদ্ধতি আরও দক্ষ।

দ্রষ্টব্য: লক্ষ্য উপাদান বা নোডের মধ্যে কোন ক্লাস নাম নেই যখন দ্বিতীয় পদ্ধতি ব্যবহার করা হয়।

আরও তথ্যের জন্য https://api.jquery.com/eq/ অনুসরণ করুন


কেন প্রথম (সংক্ষিপ্ত) নির্বাচক পৃষ্ঠা ব্রাউজ করবেন না?

এখানে এটি :eq() অপারেটর। এটি ব্যবহার করা ঠিক মত get() , কিন্তু এটি jQuery অবজেক্টটি ফেরত দেয়।

অথবা আপনি খুব .eq() ফাংশন ব্যবহার করতে পারেন।


যদি আপনার ইতিমধ্যে একটি পরিবর্তনশীলতে jquery অবজেক্ট থাকে, তবে আপনি jquery ব্যবহার ব্যতীত এটি স্বাভাবিক সূচীকৃত অ্যারের মতো আচরণ করতে পারেন:

var all_rows = $("tr");
for(var i=0; i < all_rows.length; i++){
   var row = all_rows[i];
   //additionally, you can use it again in a jquery selector
   $(row).css("background-color","black");
}

যদিও উপরের উদাহরণটি কোন উপায়ে উপকারী নয় তবে এটি নির্দেশ করে যে আপনি কীভাবে সূচীযুক্ত অ্যারে হিসাবে jquery দ্বারা তৈরি বস্তুগুলির সাথে কীভাবে আচরণ করতে পারেন।


যদি আমি আপনার প্রশ্নটি সঠিকভাবে বুঝতে পারি তবে আপনি সর্বদা পেতে ফাংশনটি মোড়ানোতে পারেন:

var $someJqueryEl = $($('.myJqueryEls').get(3));

 $(function(){
            $(document).find('div').siblings().each(function(){
                var obj = $(this);
                obj.find('div').each(function(){
                    var obj1 = $(this);
                    if(!obj1.children().length > 0){
                        alert(obj1.html());
                    }
                });

            });
        });

<div id="2">
    <div>
        <div>
            <div>XYZ Pvt. Ltd.</div>
        </div>
    </div>
</div>
<div id="3">
    <div>
        <div>
            <div>ABC Pvt Ltd.</div>
        </div>
    </div>
</div>




jquery