Как получить поверочного текстовое значение в прототипе

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

Try:

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

Вы можете изменить innerHTML для [0]

Как это:

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

Или даже так:

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