jquery代碼到香草javascript

Question

是否有無論如何實現以下使用純JavaScript？

if (! $('body.posts.show').length && ! $('body.posts.edit').length && ! $('body.chunks.create').length) 
{ 
    // Something here 
} 

Answer 1

你真的想得到一個與所有這些選擇器的集合，看看它是否是空的。

在jQuery中，你可以這樣做：

if (! $('body.posts.show, body.posts.edit, body.chunks.create').length) 

香草的Javascript方法並不困難得多：

if (!document.querySelector('body.posts.show, body.posts.edit, body.chunks.create')) { 

見MDN documentation for document.querySelector。

Answer 2

是的！我會建議去querySelector和querySelectorAll方法。

var body = document.querySelector('body'); 
var posts = body.querySelector('posts'); 
var chunks = body.querySelector('chunks'); 
var show = posts.querySelectorAll('show'); 
var edits = posts.querySelectorAll('edit'); 
var create = chunks..querySelectorAll('create'); 

if (!show.length && !edit.length && !create.length) { 
// Something here 
} 

Answer 3

您可以使用Javascript document.querySelectorAll('')！試試這個

if (!document.querySelectorAll('body.posts.show').length && !document.querySelectorAll('body.posts.edit').length && !document.querySelectorAll('body.chunks.create').length) 
{ 
    // Something here 
} 

更妙的是

if (!document.querySelectorAll('body.posts.show, body.posts.edit, body.chunks.create').length) 
{ 
    // Something here 
}