javascript - 获取子元素的值

Question

我有这样的结构:

<td class=​"prd-var-price">
    ​<div class=​"price-total">​
        <span class=​"price-unit">​€​</span>
        ​<span class=​"price-value">​
            <span class=​"price-value-int">​1.760​</span>
            ​<span data-decimalseparator=​"," class=​"price-value-cent">​,00​</span>​
        </span>
    ​</div>​
</td>​

当我在控制台中写入时:

a.getElementsByClassName("prd-var-price")

我想取price-value-int元素的值(1760)，我尝试过:

$(a.getElementsByClassName("prd-var-price").getElementsByClassName("price-value-int"));

但这不起作用。

Answer 1

getElementsByClassName 返回一个元素数组，如果您只想要第一个元素(在您的示例中 - 您确实需要)，您应该使用 a.getElementsByClassName("prd-var-price")[0].getElementsByClassName("price-value-int")[0]

但是由于您使用的是 jQuery，因此更简单的方法是:

 $('.prd-var-price .price-value-int');

jQuery 使用 css 选择器语法来获取元素，如果存在多个此类结构，您仍然会得到一个数组