jQuery: Kiểm tra xem div có tên lớp nhất định tồn tại không

Sử dụng jQuery Tôi lập trình tạo ra một loạt các divnhư thế này:

<div class="mydivclass" id="myid1">Some Text1</div>
<div class="mydivclass" id="myid2">Some Text2</div>

Ở đâu đó trong mã của tôi, tôi cần phát hiện nếu các DIV này tồn tại. Tên lớp cho div là giống nhau nhưng ID thay đổi cho mỗi div. Bất kỳ ý tưởng làm thế nào để phát hiện chúng bằng jQuery?

Bạn có thể đơn giản hóa điều này bằng cách kiểm tra đối tượng đầu tiên được trả về từ JQuery như sau:

if ($(".mydivclass")[0]){
    // Do something if class exists
} else {
    // Do something if class does not exist
}

Trong trường hợp này nếu có một giá trị trung thực lúc đầu ([0] chỉ mục ), thì giả sử lớp tồn tại.

Chỉnh sửa 04/10/2013: Tôi đã tạo một trường hợp thử nghiệm jsperf tại đây .

Bạn có thể sử dụng size(), nhưng jQuery khuyên bạn nên sử dụng độ dài để tránh chi phí của một lệnh gọi hàm khác:

$('div.mydivclass').length

Vì thế:

// since length is zero, it evaluates to false
if ($('div.mydivclass').length) {

http://api.jquery.com/size/

http://api.jquery.com/length/

CẬP NHẬT

Câu trả lời được chọn sử dụng một bài kiểm tra hoàn hảo, nhưng nó hơi thiếu sót vì nó cũng bao gồm lựa chọn phần tử như một phần của sự hoàn hảo, không phải là điều đang được thử nghiệm ở đây. Đây là một bài kiểm tra hoàn hảo cập nhật:

http://jsperf.com/check-if-div-exists/3

Lần thử nghiệm đầu tiên của tôi cho thấy việc truy xuất thuộc tính nhanh hơn truy xuất chỉ mục, mặc dù IMO nó không đáng kể. Tôi vẫn thích sử dụng độ dài đối với tôi, nó có ý nghĩa hơn đối với mục đích của mã thay vì điều kiện ngắn gọn hơn.

Không có jQuery:

JavaScript nguyên bản sẽ luôn nhanh hơn. Trong trường hợp này: (ví dụ)

if (document.querySelector('.mydivclass') !== null) {
    // .. it exists
}

Nếu bạn muốn kiểm tra xem phần tử cha có chứa phần tử khác với một lớp cụ thể không, bạn có thể sử dụng một trong các cách sau. (thí dụ)

var parent = document.querySelector('.parent');

if (parent.querySelector('.child') !== null) {
    // .. it exists as a child
}

Ngoài ra, bạn có thể sử dụng .contains()phương thức trên phần tử cha. (thí dụ)

var parent = document.querySelector('.parent'),
    child = document.querySelector('.child');

if (parent.contains(child)) {
    // .. it exists as a child
}

.. và cuối cùng, nếu bạn muốn kiểm tra xem liệu một phần tử đã cho chỉ chứa một lớp nhất định, hãy sử dụng:

if (el.classList.contains(className)) {
    // .. el contains the class
}

$('div').hasClass('mydivclass')// Returns true if the class exist.

Đây là một giải pháp mà không cần sử dụng Jquery

var hasClass = element.classList.contains('class name to search');
// hasClass is boolean
if(hasClass === true)
{
     // Class exists
}

liên kết tham khảo

Nó khá đơn giản ...

if ($('.mydivclass').length > 0) {
  //do something
}

Để kiểm tra các divyếu tố rõ ràng:

if( $('div.mydivclass').length ){...}

Mã đơn giản được đưa ra dưới đây:

if ($('.mydivclass').length > 0) {
   //Things to do if class exist
}

Để ẩn div với id particuler:

if ($('#'+given_id+'.mydivclass').length > 0) {
   //Things to do if class exist
}

Đây là một số cách:

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.
    }

Chúng tôi có thể sử dụng bất kỳ một trong những cách xác định abobe dựa trên yêu cầu.

if ($(".mydivclass").size()){
   // code here
}

Các size()phương pháp chỉ trả về số yếu tố mà sẽ chọn selector jQuery - trong trường hợp này số phần tử với lớp mydivclass. Nếu nó trả về 0, biểu thức là sai và do đó không có giá trị nào và nếu nó trả về bất kỳ số nào khác, các div phải tồn tại.

kiểm tra xem div có tồn tại với một lớp nhất định không

if ($(".mydivclass").length > 0) //it exists 
{

}

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');
}

Trong Jquery bạn có thể sử dụng như thế này.

if ($(".className")[0]){

   // Do something if class exists

} else {

// Do something if class does not exist

}

Với JavaScript

if (document.getElementsByClassName("className").length > 0) {

// Do something if class exists

}else{

    // Do something if class does not exist

}

Đây là giải pháp rất mẫu cho lớp kiểm tra (hasClass) trong Javascript:

const mydivclass = document.querySelector('.mydivclass');
// if 'hasClass' is exist on 'mydivclass'
if(mydivclass.classList.contains('hasClass')) {
   // do something if 'hasClass' is exist.
}

Cách tốt nhất trong Javascript:

if (document.getElementsByClassName("search-box").length > 0) {
// do something
}

if ($ ("# myid1"). hasClass ("mydiv class")) {// Làm bất cứ điều gì}

Sử dụng để tìm kiếm toàn bộ trang

if($('*').hasClass('mydivclass')){
// Do Stuff
}