jquery - 无法在 DOM 中获取 h1 元素的文本/innerHTML

Question

我正在尝试获取两个 h1 元素的文本，但我的方法在执行时不断返回“未定义”。这是第一个 h1 元素

<div id="product-details" class="floatLeft">
  <h1 class="productTitle">Krista Sued Coat</h1>
</div>

我获取此内容的代码

var productName = $('#window').contents().find('h1.productTitle').innerHTML;

第二个 h1 元素

<div class="product-title-wrap">
  <h1 class="product-title font-alpha">
    <span itemprop="name">



            Bliss Firm, Baby, Firm!


        </span>
  </h1>
</div>

我获取此内容的代码

var brandName = $('#window').contents().find('.product-title font-alpha span').innerHTML;

这两个每次都返回“未定义”。我已经尝试了几个小时来解决这个问题，但没有任何效果。如果有人可以提供答案，如果您还可以解释您的方法是如何工作的，我将不胜感激，因为我还是 jquery 的新手并尝试学习很多东西。

谢谢！

Answer 1

您使用的是jQuery对象而不是DOM对象。innerHTML 是 DOM 对象的属性，您正在尝试将它与 jQuery 对象一起使用。

改变

var productName = $('#window').contents().find('h1.productTitle').innerHTML;

到

var productName = $('#window').contents().find('h1.productTitle')[0].innerHTML; //With javascript

或者

var productName = $('#window').contents().find('h1.productTitle').html(); //With jQuery

Answer 2

您可以使用 jQuery 的 html 方法：

var productName = $('#window').contents().find('h1.productTitle').html()