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

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

尝试：

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

您可以将 innerHTML 更改为 [0]

像这样：

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

甚至这样：

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

Answer 2

如果您想获得价格 class 的 <span> 的内容，即 child 的 <span> 的 coupon-value class 你会这样做

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

这将为您提供与 CSS selector 匹配的第一个元素。您也可以非常具体地使用 CSS selection。

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

你也可以select那个元素，然后像这样向下遍历DOM

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

请注意 $$() returns 与 CSS select 匹配的元素数组，因此您不能像 jQuery 那样对它们进行操作collection。然而，该数组中的所有元素都已经使用 PrototypeJS 扩展进行了扩展。

How do I get span text value in prototype