JQuery ব্যবহার করে আমি প্রোগ্রামগতভাবে divএর মতো একটি গুচ্ছ তৈরি করছি :
<div class="mydivclass" id="myid1">Some Text1</div>
<div class="mydivclass" id="myid2">Some Text2</div>আমার কোডে অন্য কোথাও এই ডিআইভিগুলি রয়েছে কিনা তা সনাক্ত করতে হবে। ডিভসের জন্য শ্রেণীর নাম একই তবে প্রতিটি ডিভের জন্য আইডি পরিবর্তন হয়। কীভাবে তাদের jQuery ব্যবহার করে সনাক্ত করতে পারেন?
উত্তর:
আপনি জিকুয়েরি থেকে এমনভাবে ফিরে আসা প্রথম অবজেক্টটি পরীক্ষা করে এটি সহজ করতে পারেন:
if ($(".mydivclass")[0]){
// Do something if class exists
} else {
// Do something if class does not exist
}এই ক্ষেত্রে যদি প্রথম ( [0]) সূচকে যদি সত্যবাদী মান থাকে তবে ধরে নিই শ্রেণীর উপস্থিতি রয়েছে।
04/10/2013 সম্পাদনা করুন: আমি এখানে একটি জাসস্পিফ টেস্ট কেস তৈরি করেছি ।
:firstসেখানে কর্মক্ষমতা সাহায্য করবে (যদি কর্মক্ষমতা @itgorilla জন্য একটি গুরুত্বপূর্ণ নির্ণায়ক জানি না), কিন্তু কিনা এটা আছে তারতম্য দুর্দান্তভাবে , ব্রাউজার দ্বারা সম্ভবতঃ কারণ এটি নেটিভ বৈশিষ্ট্য পরিবর্তন jQuery করতে ব্যবহার করতে পারেন নির্বাচন. এখানে ডিভ উপস্থিত রয়েছে এমন একটি পরীক্ষার কেস এখানে রয়েছে এবং এটি উপস্থিত নেই ।
if (!$(".mydivclass")[0]){ /* do stuff */ }
আপনি ব্যবহার করতে পারেন size(), তবে jQuery আপনাকে অন্য ফাংশন কলের ওভারহেড এড়াতে দৈর্ঘ্যটি ব্যবহার করার পরামর্শ দেয়:
$('div.mydivclass').lengthতাই:
// since length is zero, it evaluates to false
if ($('div.mydivclass').length) {হালনাগাদ
নির্বাচিত উত্তরটি পারফ টেস্ট ব্যবহার করে তবে এটি কিছুটা ত্রুটিযুক্ত কারণ এটি পারফের অংশ হিসাবে উপাদান নির্বাচনও অন্তর্ভুক্ত করে যা এখানে পরীক্ষা করা হচ্ছে না। এখানে একটি আপডেট পারফ পরীক্ষা:
http://jsperf.com/check-if-div-exists/3
আমার পরীক্ষার প্রথম রানটি দেখায় যে সম্পত্তি পুনরুদ্ধার সূচীকরণের তুলনায় দ্রুততর, যদিও আইএমও এটি বেশ নগণ্য। আমি এখনও আমার হিসাবে দৈর্ঘ্যটি ব্যবহার করতে পছন্দ করি এটি আরও সংযত শর্তের পরিবর্তে কোডের অভিপ্রায়টিকে আরও বেশি বোঝায়।
.lengthবর্তমানে সেরা গড় পারফরম্যান্স উপলব্ধ।
নেটিভ জাভাস্ক্রিপ্ট সর্বদা দ্রুত হতে চলেছে। এই ক্ষেত্রে: (উদাহরণ)
if (document.querySelector('.mydivclass') !== null) {
// .. it exists
}আপনি যদি কোনও প্যারেন্ট উপাদানটিতে নির্দিষ্ট শ্রেণীর সাথে অন্য উপাদান রয়েছে কিনা তা পরীক্ষা করে দেখতে চান তবে আপনি নিম্নলিখিতগুলির মধ্যে দুটি ব্যবহার করতে পারেন। (উদাহরণস্বরূপ)
var parent = document.querySelector('.parent');
if (parent.querySelector('.child') !== null) {
// .. it exists as a child
}বিকল্পভাবে, আপনি .contains()প্যারেন্ট উপাদানটিতে পদ্ধতিটি ব্যবহার করতে পারেন । (উদাহরণস্বরূপ)
var parent = document.querySelector('.parent'),
child = document.querySelector('.child');
if (parent.contains(child)) {
// .. it exists as a child
}.. এবং পরিশেষে, আপনি যদি কোনও প্রদত্ত উপাদানটিতে একটি নির্দিষ্ট শ্রেণি রয়েছে কিনা তা পরীক্ষা করতে চান তবে ব্যবহার করুন:
if (el.classList.contains(className)) {
// .. el contains the class
}$('div').hasClass('mydivclass')// Returns true if the class exist.divপৃষ্ঠার উপাদানগুলির মধ্যে, তারপর ফিরে যান এবং তাদের ক্লাস রয়েছে কিনা তা দেখতে তাদের লুপ করুন, সব শেষে অ্যারে ফেলে দিতে হবে)।
hasClassএখানে 33% আরও দ্রুত অন্য নির্বাচকগণ দ্রুত। পরীক্ষা করে দেখুন jsperf.com/hasclass00
divউপাদান) নিয়েই আমি যে বিষয়টিকে হাইলাইট করেছি (অ্যারে তৈরি করা) সেই দিকটিই সরিয়ে দেয় । ডিভ্সের একগুচ্ছ দিয়ে এটি ব্যবহার করে দেখুন: jsperf.com/hasclass00/2 এটি আমার ক্রোমের অনুলিপিটিতে %৩% ধীর, ফায়ারফক্সের অনুলিপিটিতে আমার 43% ধীর, অপেরাতে 98% (!) ধীর। তবে তদুপরি, এটি উপলব্ধি করে যে ডিভগুলির একটি তালিকা তৈরি করা এবং তারপরে এটি অনুসন্ধান করা ধীরে ধীরে সিলেক্টর ইঞ্জিনকে প্রয়োজনীয় সমস্ত তথ্য না দিয়ে দেবে।
Jquery ব্যবহার না করেই এখানে একটি সমাধান
var hasClass = element.classList.contains('class name to search');
// hasClass is boolean
if(hasClass === true)
{
// Class exists
}রেফারেন্স লিংক
এটি বেশ সহজ ...
if ($('.mydivclass').length > 0) {
//do something
}divস্পষ্টভাবে উপাদানগুলির জন্য পরীক্ষা করার জন্য :
if( $('div.mydivclass').length ){...}
.mydivclassব্রাউজার এবং jQuery সংস্করণের উপর নির্ভর করে কিছুটা ধীর হতে পারে ।
divনির্বাচকটির অংশটি অন্তর্ভুক্ত করার জন্য প্রথম ভোটের জন্য আমার ভোট পান ।
সহজ কোডটি নীচে দেওয়া হল:
if ($('.mydivclass').length > 0) {
//Things to do if class exist
}পার্টিকুলার আইডির সাথে ডিভটি আড়াল করতে:
if ($('#'+given_id+'.mydivclass').length > 0) {
//Things to do if class exist
}এখানে কিছু উপায় রয়েছে:
1. if($("div").hasClass("mydivclass")){
//Your code
//It returns true if any div has 'mydivclass' name. It is a based on the class name
}
2. if($("#myid1").hasClass("mydivclass")){
//Your code
// It returns true if specific div(myid1) has this class "mydivclass" name.
// It is a based on the specific div id's.
}
3. if($("div[class='mydivclass']").length > 0){
//Your code
// It returns all the divs whose class name is "mydivclass"
// and it's length would be greater than one.
}প্রয়োজনীয়তার ভিত্তিতে আমরা যে কোনও একটি অ্যাবোব সংজ্ঞায়িত উপায় ব্যবহার করতে পারি।
if ($(".mydivclass").size()){
// code here
}size()বর্গ সঙ্গে উপাদানের সংখ্যা এই ক্ষেত্রে - পদ্ধতি ঠিক যে jQuery নির্বাচক নির্বাচন উপাদানের সংখ্যা ফেরৎ mydivclass। যদি এটি 0 প্রদান করে তবে এক্সপ্রেশনটি মিথ্যা, এবং তাই কোনওটিই নেই এবং যদি এটি অন্য কোনও সংখ্যা ফেরত দেয় তবে ডিভগুলি অবশ্যই উপস্থিত থাকবে।
lengthসম্পত্তি আছে কেন একটি পদ্ধতি কল ? এছাড়াও, এই শ্রেণীর সাথে যে কোনও উপাদান পরীক্ষা করে , কেবল একটি নয় div। (এখন, ওপি এর অর্থ এটি হতে পারে, এমনকি সে / সে যা বলেছিল তা না হলেও।) স্টিফান কেন্ডালের জবাব দেখুন যা ওপি আসলে যা বলেছিল তা করে (যদিও, আবারও, তারা আপনাকে বোঝাতে পেরেছিল)
div, দুটি কারণে: 1) নির্বাচক এই বিষয়টির সাথে আবদ্ধ নয় যে ওপি কোনও divউপাদান ব্যবহার করে (এটি ভবিষ্যতে পরিবর্তন হতে পারে), এবং 2) বেশিরভাগ ব্রাউজার এবং jQuery এর সংস্করণ, আফাইক, এটি দ্রুত হওয়া উচিত।
lengthসম্পত্তি, সেখানে কেন এটিকে ব্যবহার করবেন? তবে এটি যদি আপনার পছন্দ হয় তবে ন্যায্য n অন্যদিকে, আমি জানতাম না যে আপনি এটি সম্পাদনা করেছেন। যদি আমি এটি করতে যাচ্ছিলাম তবে আমি এটি রেখে দিয়েছি (আবারও, তিনি স্পষ্টতই বলেছিলেন "... যদি ডিভ সাথে ..." (আমার জোর)) এবং পরে অতিরিক্ত উল্লেখ করেছেন যে এটি যদি তাতে কিছু আসে যায় না তবে এটি ছিল divবা না, আপনি সেই অংশটি খাঁজতে পারেন Butকিন্তু যাই হোক না কেন :
size()কোনও স্পেসিফিক সিলেক্টারের উপাদানগুলির সংখ্যা গণনা করছেন, কেবল কোনও পুরানো অ্যারে নয়, এটি পরিষ্কার করার জন্য এই পদ্ধতিটি রয়েছে। তবে আবার, এটি আমার পছন্দ মাত্র।
if($(".myClass")[0] != undefined){
// it exists
}else{
// does not exist
}var x = document.getElementsByClassName("class name");
if (x[0]) {
alert('has');
} else {
alert('no has');
}জ্যাকুরিতে আপনি এটি ব্যবহার করতে পারেন।
if ($(".className")[0]){
// Do something if class exists
} else {
// Do something if class does not exist
}জাভাস্ক্রিপ্ট সহ
if (document.getElementsByClassName("className").length > 0) {
// Do something if class exists
}else{
// Do something if class does not exist
}জাভাস্ক্রিপ্টে চেক ক্লাসের (হ্যাশ ক্লাস) জন্য খুব নমুনা সমাধান এখানে রয়েছে:
const mydivclass = document.querySelector('.mydivclass');
// if 'hasClass' is exist on 'mydivclass'
if(mydivclass.classList.contains('hasClass')) {
// do something if 'hasClass' is exist.
}if ($ ("# myid1")। hasClass ("mydivclass")) {// যে কোনও কিছু করুন}
পুরো পৃষ্ঠাটি অনুসন্ধান করতে এটি ব্যবহার করুন
if($('*').hasClass('mydivclass')){
// Do Stuff
}