如何在原型中获得跨度文本值

Question

这是我的原型代码：

$$('coupon-value').findAll("price").innerHTML

<span class="coupon-value"><span class="price">66.67</span></span>

如何在原型中获得.price的值？在我的HTML代码中有多个价格类。在jquery中，这很简单：

$(".coupon-value").find(".price").text();

但在原型中我不知道。你能救我吗？

Answer 1

如果您想获得<span>的价格等级为<span>的孩子的优惠券价值等级的内容，您可以这样做

$$('.coupon-value .price').first().innerHTML

这将为您提供与该CSS选择器匹配的第一个元素。您也可以对CSS选择非常具体。

$$('span.coupon-value span.price').first().innerHTML

您也可以选择该元素，然后像这样遍历DOM

$$('.coupon-value').first().down('.price').innerHTML

请注意$$()返回一个与CSS选择器匹配的元素数组，因此您不能像jQuery集合那样对它们进行操作。但是，该数组中的所有元素都已经使用PrototypeJS扩展进行了扩展。

Answer 2

尝试：

$$('coupon-value').getElementsByClassName("price").innerHTML;

您可以更改innerHTML

的[0]

像这样：

$$('coupon-value .price')[0];

甚至这个：

$$('span.price')[0];