2016-06-13 60 views
1

我有這樣一個表:如何更改每個div的ID與一個有n個ID的表?

<tr id="Article1"> 
    <td id="CheckboxDiv1"> 
     <div class="checkbox" style="text-align:center"> 
      <label> 
       <input type="checkbox" id="CheckboxArticle1" onchange="OnChange(this);"> 
      </label> 
     </div> 
    </td> 
    <td id="Metal1">gold</td> 
    <td id="Description1">Ring</td> 
    <td id="Quantity1">2</td> 
    <td id="Weight1">90</td> 
    <td id="Purity1">100</td><td id="PureWeight1">1</td> 
    <td id="Remarks1">bend</td> 

</tr> 

<tr id="Article2"> 
    <td id="CheckboxDiv2"> 
     <div class="checkbox" style="text-align:center"> 
      <label> 
       <input type="checkbox" id="CheckboxArticle2" onchange="OnChange(this);"> 
      </label> 
     </div> 
    </td> 
    <td id="Metal2">gold</td> 
    <td id="Description2">Ring</td> 
    <td id="Quantity2">2</td> 
    <td id="Weight2">90</td> 
    <td id="Purity2">100</td><td id="PureWeight1">1</td> 
    <td id="Remarks2">bend</td> 

</tr> 

我試着下面的代碼來獲取ID

var RowCount=2; 
for(i=1;i<=RowCount;i++) 
{ 
    ColoumnId[i]=$("#Article"+i+" > td").map(function(){ 
      return this.id; 
     }).get(); 
} 

我得到的所有列的ID,但我也需要得到的的Id 「CheckBox」即「CheckboxArticle1」,「CheckboxArticle2」。有人可以建議我如何獲得Id。提前致謝!

+0

我沒有看到一個'div'與ID - 該ID做你想要改變? – Jurik

+0

要更改元素ID,您需要對該元素的引用,但是如果您已經有引用,那麼更改ID的意義何在? **您試圖通過更改ID來解決的根本問題是什麼?** – nnnnnn

回答

0

既然你用jQuery工作,這行代碼應該工作:

$('form#idOfYourForm tr').each(function(){ 
    $(this).attr('id') //your id for every tr 
}) 

而且具有這樣你可以得到你的其他ID爲好。

+0

或者您給每個'tr'sa類命名爲'article',並用'$('。article')選擇它們' - 有很多方法可以達到你的目標。 – Jurik

0

這種使用應該工作的JQuery:

$("[id^='Article'] input[type=checkbox]").each(function(i, item) { 
    alert($(item).attr("id")); 
}); 
0

如果你指的是輸入字段的ID的,試試這個

$('input[type="checkbox"]').each (function (index,entry) { console.log ($(this).attr('id')) })