Отображать переменные JavaScript в метке HTML

Question

Отображать переменные JavaScript в метке HTML

0

У меня есть реклама на веб-сайте.

http://img89.imageshack.us/img89/5157/mv8k.png (Изображение).

Эта коммерческая информация содержит информацию о ценах, а цены указаны в переменных javascript. Я хочу обновить цены автоматически, когда обновляю значения переменных (цены между "Desde" и "Bs." На красном цветовом шрифте).

Html для отображения этих меток:

    <ul style="list-style-type:circle; margin-top:0px;">
      <li><a href="http://printoriente.com/tarjetas-presentacion/">Tarjetas de presentaci&oacute;n</a><label class="printoriente-label"> - Desde </label><label class="printoriente-tp-price"></label><label class="printoriente-label">Bs.</label></li>
      <li><a href="http://printoriente.com/afiches/">Afiches</a><label class="printoriente-label"> - Desde </label><label class="printoriente-label-price"></label><label class="printoriente-label">Bs.</label></li>
      <li><a href="http://printoriente.com/volantes/">Volantes</a><label class="printoriente-label"> - Desde </label><label class="printoriente-label-price"></label><label class="printoriente-label">Bs.</label></li>
      <li><a href="http://printoriente.com/fotos/">Fotos</a><label class="printoriente-label"> - </font>Desde <label class="printoriente-label-price"></label><label class="printoriente-label">Bs.</label></li>
    </ul>
  </div>
  <p style="padding-left:20px; font-size:12px; margin-top:20px;"> Vis&iacute;tanos y ver&aacute;s lo f&aacute;cil que es dise&ntilde;ar!</p>
</div>

<script>
$.getJSON( "http://api.printoriente.com/price/tarjetas-presentacion", function( data ) {
  console.log(data.refPrice);
});
$.getJSON( "http://api.printoriente.com/price/afiches", function( data ) {
  console.log(data.refPrice);
});
$.getJSON( "http://api.printoriente.com/price/volantes", function( data ) {
  console.log(data.refPrice);
});
$.getJSON( "http://api.printoriente.com/price/Fotos", function( data ) {
  console.log(data.refPrice);
});
</script>

Цены указаны в переменной data.refPrice. Я хочу отображать эти переменные в ярлыках только с классом "printoriente-label-price". Я изучил что-то о ".each" и ".find" в javascript, я не знаю, может ли это быть решением.

Я сделал это с идентификаторами, но он порождает конфликты с остальной частью веб-сайта. Я должен это делать другим способом. Мне это пришло в голову.

С уважением.

nandophillips 08 янв. 2014, в 14:19

Источник

0

конфликтует с id? просто используйте уникальный идентификатор, и это должно быть хорошо, я могу написать вам пример, если вы хотите
Lory Huz 08 янв. 2014, в 12:55
0

Да, но должен существовать способ сделать это, заменив "идентификаторы" на "классы"
nandophillips 08 янв. 2014, в 12:58

Теги:

javascript

html

label

variables

show

1 ответ

Ещё вопросы

конфликтует с id? просто используйте уникальный идентификатор, и это должно быть хорошо, я могу написать вам пример, если вы хотите
Да, но должен существовать способ сделать это, заменив "идентификаторы" на "классы"

LcSalazar · Answer 1 · 2014-01-08T10-16-00.000Z

Лучший способ сделать это - использовать идентификаторы. Он не должен конфликтовать ни с чем, если вы не используете один и тот же идентификатор дважды. Другой способ - вызвать элемент по классу, но тогда вам придется ссылаться на этот индекс, например:

$.getJSON( "http://api.printoriente.com/price/tarjetas-presentacion", function( data ) {
    $(document).find(".printoriente-label-price")[0].html(data.refPrice);
});
$.getJSON( "http://api.printoriente.com/price/afiches", function( data ) {
    $(document).find(".printoriente-label-price")[1].html(data.refPrice);
});
$.getJSON( "http://api.printoriente.com/price/volantes", function( data ) {
    $(document).find(".printoriente-label-price")[2].html(data.refPrice);
});
$.getJSON( "http://api.printoriente.com/price/Fotos", function( data ) {
    $(document).find(".printoriente-label-price")[3].html(data.refPrice);
});