নির্দিষ্ট ক্লাস নেই এমন এলিমেন্টটি কীভাবে নির্বাচন করবেন

Question

আমি ভাবছি যে কীভাবে জাভাস্ক্রিপ্ট ব্যবহার করে কোনও নির্দিষ্ট শ্রেণি নেই, এমন কোনও উপাদান কীভাবে নির্বাচন করবেন, jQuery নয়।

উদাহরণস্বরূপ, আমার এই তালিকাটি রয়েছে:

<ul id="tasks">
  <li class="completed selected">One Task</li>
  <li>Two Task</li>
</ul>

এবং আমি এর দ্বারা সম্পন্ন কাজটি নির্বাচন করব:

var completeTask = document.querySelector("li.completed.selected");

তবে তারপরে আমি নিশ্চিত না যে কীভাবে তালিকার আইটেমটি নির্বাচন করতে হবে যাতে সেই ক্লাসগুলি নেই।

Answer 1

এটি দ্বিতীয় LIউপাদান নির্বাচন করে ।

document.querySelector("li:not([class])")

বা

document.querySelector("li:not(.completed):not(.selected)")

উদাহরণ:

// select li which doesn't have a 'class' attribute...
console.log(document.querySelector("li:not([class])"))

// select li which doesn't have a '.completed' and a '.selected' class...
console.log(document.querySelector("li:not(.completed):not(.selected)"))

 <ul id="tasks">
    <li class="completed selected">One Task</li>
    <li>Two Task</li>
  </ul>

Answer 2

<li>যা completedবা না selectedক্লাস আছে তা নির্বাচন করতে :

document.querySelector("li:not(.completed):not(.selected)");

ফিডল

http://jsfiddle.net/Z8djF/

Comments

বিপরীতটি কীভাবে করবেন : অর্থাৎ, সমস্ত উপাদান যা উভয় completedএবং selectedবর্গ রয়েছে তা নির্বাচন করুন ?

— ব্যবহারকারী 2284570

@ ইউজার 2284570 কেবল শ্বেতক্ষেত্র ছাড়াই উভয় ক্লাস লিখুন: li.completed.selected-> এটি এবং ক্লাস থাকা সমস্ত liউপাদানগুলির সাথে completedselected

— মিলবে

Answer 3

আপনি :not()নির্বাচক চেষ্টা করতে পারেন

var completeTask = document.querySelector("li:not(.completed):not(.selected)");

http://jsfiddle.net/UM3j5/

Answer 4

document.querySelectorAll('[wf-body=details] input:not(.switch):not(.btn)').forEach(function(e){
    // do whatever you want. with 'e' as element :P
});

Answer 5

পরিবর্তে পিতামাতার সন্তানদের একটি অ্যারে নেওয়ার চেষ্টা করুন:

var completeTask = document.querySelector("#tasks").childNodes;

তারপরে প্রয়োজনীয় হিসাবে লুপ / ​​অনুসন্ধান করুন।