javascript - 如何更改具有 n 个 id 的表中每个 div 的 id？

Question

我有一个这样的表:

<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，但我还需要获取“CheckBox”的 Id，即“CheckboxArticle1”、“CheckboxArticle2”。有人可以建议我如何获取 Id 吗？提前致谢!

Answer 1

由于您使用 jQuery，因此这行代码应该可以工作:

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

通过这种方式，您也可以获得其他 ID。