0

我正在尝试获取两个 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 的新手并尝试学习很多东西。

谢谢!

4

2 回答 2

5

您使用的是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
于 2013-03-06T12:37:18.400 回答
5

您可以使用 jQuery 的 html 方法:

var productName = $('#window').contents().find('h1.productTitle').html()
于 2013-03-06T12:38:05.470 回答