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 
}