javascript - 属性と変数 (シンプル)

Question

VARIABLE を ATTRIBUTE 値として使用しようとしています...

私は持っている ：

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 属性を、現在貼り付けている数字「18」ではなく、VARIABLE VALUE に設定します。

私は次のようなことを考えていました->

<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 ドキュメントを有効にしたい場合は、こちらをご覧ください

Answer 2

JQuery attrメソッドを使用できます。

var theName = 'yourMom';
$('li.pro').attr('name', theName);​

http://jsfiddle.net/J798a/2/

Answer 3

「jquery」ではなく「javascript」を指定したので、次のように何かを行うことができます...

<script type="text/javascript">
var text = "Hello!";
document.getElementById("liItem").setAttribute("id",text);
</script>

<ul>
  <li class="pro" id="liItem">
</ul>

「name」から「id」への属性の変更を反映するように更新

Answer 4

Javascriptはそれを設定します

<script type="text/javascript">
    var text = "Hello!";
    document.getElementById("changeMe").setAttribute("id",text);
</script>

<ul>
   <li id="changeMe">
</ul>

setAttribute は、指定された属性 (最初の引数) を 2 番目の引数の値に設定します...つまり、 element.setAttribute("name", "john smith") は名前を "john smith" および element.setAttribute("class" に設定します, "math") は、class 属性を "math" に設定します。

Answer 5

$("li.pro").attr('name', text);

属性には任意の名前を使用できます。