jQuery：获取 html 元素的普通 JS 格式

Question

我正在使用 jQuery，除了一些东西外，一切正常。 有一些事情你不能用元素的 jQuery 格式，而只能用简单的 JS 格式。 特别是在简单的 JS 中使用hasAttributes()时。

这有效：

 let fooDiv = document.getElementsByTagName("div")[0]; console.log(fooDiv.hasAttributes()); //returns false as expected let barDiv = document.getElementsByTagName("div")[1]; console.log(barDiv.hasAttributes()); //returns true as expected

 <div>foo</div> <div id="id">bar</div>

这不会：

 let fooDiv = $(document.getElementsByTagName("div")[0]) //creates a jQ object console.log(fooDiv.hasAttributes()); //error let barDiv = $(document.getElementsByTagName("div")[1]) //creates a jQ object console.log(barDiv.hasAttributes()); //error

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div>foo</div> <div id="id">bar</div>

我知道 jQuery hasAttr()存在，但我想获取 jQuery 对象的 JS 格式。 有很多不同之处，例如 jQuery 创建一个object ，否则它是一个 html 节点列表。

最初，我的问题是：

如何从 jQuery 获取 html 节点列表或 html 元素或 html 元素的简单 JS 格式？

Answer 1

为了扩展 blex 在评论中所说的内容......当使用 jQuery 选择一个 HTML 元素时，原始 HTML 总是作为您分配给它的变量的一部分收集在一个数组中。 例如，使用您的代码：

// grab the element or elements
let fooDiv = $(document.getElementsByTagName("div")[0]);

// lets see the HTML!
consoe.log( fooDiv[0] ); 

HTML 本身将在该数组中公开，允许直接访问 HTML 及其属性......例如：

console.log( fooDiv[0].innerHTML );

或者

console.log( fooDiv[0].tagName );