2016-06-13 43 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')) })