javascript - 属性和变量(简单)

Question

我正在尝试使用变量作为属性值...

我有:

var text = "Hello!";

HTML 是:

<li class="pro" id="text"> ---> (我希望属性 ID 等于 TEXT 变量)

我怎样才能做到这一点？

谢谢

<小时/>

编辑

我的问题会更具体。

这就是我真正拥有的:

<li class="product" name="RD-101" price="18"  minimum="4" gap="4"> 
                         <a class="product-image fancybox" href="images/product_big.jpg" title="Picture 4">
                             <img src="images/product_2.png" alt="Preview"/>
                             <div class="text-overlay">
                              <p class="product-heading">Description</p>
                               Enseignes résidentielles imprimées sur 2 panneaux 4 mm 36” x 24” collés dos à dos.
                             </div>
                         </a>
                         <p class="product-heading">RD-101 (Simple)</p>
                         <a href="#" id="test" class="product-buy">Ajouter au panier</a>
                         <p class="product-meta">Double de pareterre 32x24</p>
                         <div class="product-price">18<span class="product-currency">$</span></div>

                    </li>

如您所见，我使用了在 Javascript 代码中设置的自定义属性。 我想知道如何设置(例如)...将 PRICE 属性设置为 VARIABLE VALUE，而不是像我现在粘贴到那里的数字“18”。

我在想类似的事情-->

<li class="product" name="RD-101" price="MY_VARIABLE_HERE"  minimum="4" gap="4"> 

Answer 1

使用$("li.pro").attr('id', text);使用 jQuery

记住属性 name对于 <li> 无效

编辑:

在没有 jQuery 的情况下，此代码添加 price (无效)所有属性 li元素

<ul id="my_ul_id">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

-

var text = 'Hello';
var arr_li = document.getElementById("my_ul_id").getElementsByTagName("li"); 
for(var i=0 ; i<arr_li.length ; i++)
{
  arr_li[i].setAttribute('price', text);
}

最后一件事，我们说price不是有效的属性。 如果您希望 HTML 文档有效，请查看 here