jQuery উপাদান অনুসারে গণনা উপাদান - এটি বাস্তবায়নের সেরা উপায় কী?

373

আমি যা করার চেষ্টা করছি তা হ'ল বর্তমান পৃষ্ঠায় থাকা সমস্ত উপাদানকে একই শ্রেণীর সাথে গণনা করা এবং তারপরে আমি এটি কোনও ইনপুট ফর্মের জন্য কোনও নামের সাথে যুক্ত করতে ব্যবহার করতে যাচ্ছি। মূলত আমি ব্যবহারকারীকে <span>একটিতে ক্লিক করার অনুমতি দিচ্ছি এবং তারপরে একই ধরণের আইটেমগুলির জন্য আরও একটি যুক্ত করুন। তবে আমি এই সবগুলি কেবল jQuery / জাভাস্ক্রিপ্ট দিয়ে গণনা করার উপায় সম্পর্কে ভাবতে পারি না।

আমি তখন আইটেমটির নামকরণ করতে যাচ্ছিলাম এরকম কিছু হিসাবে name="whatever(total+1)", যদি কারও কাছে এটি করার সহজ উপায় থাকে তবে আমি জাভাস্ক্রিপ্টটি ঠিক আমার মাতৃভাষা না হওয়ায় আমি অত্যন্ত কৃতজ্ঞ হব।

— 133794m3r
সূত্র

3

আমি প্রথম যে ব্যক্তিটি দেখেছি তা পেয়েছিল এবং আমি জানতাম না যে এটি একটি সরল was ('শ্রেণিকাম')। এটির দৈর্ঘ্য। যদি আমার কাছে আরও কিছু দেওয়া হত আমি দিতাম। এটির মতো চেষ্টা করার কথা ভাবেনি। আমি ভেরিয়েবলগুলি বেশ কয়েকটি সহজ এবং সরল জিনিস যেমন ডকুমেন্ট সংযোজন ইত্যাদির জন্য সেট করে রেখেছিলাম W BTW।

— 133794m3r

26

+1

— যোদা

6

@jbnunn ইয়োদা কী?

— শশী কাঁথ

691

এর মতো কিছু হওয়া উচিত:

// Gets the number of elements with class yourClass
var numItems = $('.yourclass').length

পার্শ্ব-নোট হিসাবে, আমাদের কাছে কার্য সম্পাদন করার কিছুটা কাজ আছে তা নিশ্চিত করার জন্য, অনেকগুলি jQuery অবজেক্টে কল করে প্রচুর ফাংশন কল করার আগে দৈর্ঘ্যের সম্পত্তিটি পরীক্ষা করা প্রায়শই উপকারী। নিচে দেখ:

var $items = $('.myclass');
// Ensure we have at least one element in $items before setting up animations
// and other resource intensive tasks.
if($items.length)
{
  $items.animate(/* */)
    // It might also be appropriate to check that we have 2 or more
    // elements returned by the filter-call before animating this subset of 
    // items.
    .filter(':odd')
      .animate(/* */)
      .end()
    .promise()
    .then(function () { 
       $items.addClass('all-done');
    });
}

— PatrikAkerstrand
সূত্র

4

শুধু এটি ভাগ করে নিতে চেয়েছিলাম যে এটি একটি উপাদানগুলির বাচ্চাদের গণনা করার সাথেও কাজ করে, আমি এখানে পৌঁছানোর সময় আমি কী করছিলাম: children('div.classname').length

— brs14ku

23

একই শ্রেণীর উল্লেখ করে এমন উপাদানগুলির সংখ্যা গণনা করা এটি যত সহজ as

<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
        <script type="text/javascript">

            $(document).ready(function() {
                alert( $(".red").length );
            });

        </script>
    </head>
    <body>

        <p class="red">Test</p>
        <p class="red">Test</p>
        <p class="red anotherclass">Test</p>
        <p class="red">Test</p>
        <p class="red">Test</p>
        <p class="red anotherclass">Test</p>
    </body>
</html>

— জনাথন
সূত্র

14

var count = $('.' + myclassname).length;

— সর্বোচ্চ শওয়াবকেহ
সূত্র

9

গণনা জন্য:

$('.yourClass').length;

ভাল কাজ করা উচিত।

একটি ভেরিয়েবলে সংরক্ষণ করা যেমন সহজ:

var count = $('.yourClass').length;

— অ্যালাস্টার পিটস
সূত্র

6

এইচটিএমএল:

<div>
    <img src='' class='class' />
    <img src='' class='class' />
    <img src='' class='class' />
</div>

javascript:

var numItems = $('.class').length; 

alert(numItems);

কেবল ডিভের অভ্যন্তরের জন্য ফিডাল ডেমো

— নীলেশ দারাদে
সূত্র

2

চেষ্টা

document.getElementsByClassName('myclass').length

কোড স্নিপেট দেখান

let num = document.getElementsByClassName('myclass').length;
console.log('Total "myclass" elements: '+num);

.myclass { color: red }

<span class="myclass" >1</span>
<span>2</span>
<span class="myclass">3</span>
<span class="myclass">4</span>

স্নিপেট প্রসারিত করুন

— কামিল কিয়েসজেউস্কি
সূত্র