如何使用具有n个id的表更改每个div的id?

时间:2016-06-13 11:31:40

标签: javascript jquery

我有一张这样的表:

<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。提前致谢!

3 个答案:

答案 0 :(得分:0)

由于你使用jQuery,这行代码应该可以工作:

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

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

答案 1 :(得分:0)

这应该可以使用JQuery:

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

答案 2 :(得分:0)

如果您指的是输入字段的ID,请尝试使用

get_sheet_names()[0]