在foreach生成的html表中選擇單元格

Question

請幫我提供基因敲除代碼

我嘗試通過id選擇表中的元素並更改其css樣式，但是所有行都具有相同的id，並且我無法使用函數getElementById。 我該怎么做這個簡單的事情？

<tbody data-bind="foreach: times">
        <tr>
            <td id=$index() data-bind="click: $root.select.bind($data, $index(), 0)> </td>

        ....

        <td id=$index() data-bind="click: $root.select.bind($data, $index(), 19)> </td>

    <tr>
</tbody>

Answer 1

ID應該始終是唯一的。 將相同的類分配給您感興趣的所有元素，並使用一些jquery：

document.getElementsByClassName('class_name')

編輯：好點。 我本來打算建議使用jquery，然后想起了這個功能。 如果您使用的是jQuery庫，則也可以嘗試以下操作：

$('.class_name').each(function(index) {
    ...do something...
});

編輯：要回答您的問題，有幾種方法可以做到這一點：

$('.class_name').attr('id', new_id)

要么

$('.class_name').addClass('class_name')

取決於您到底要做什么

Answer 2

嘗試使用以下代碼：

<tbody data-bind="foreach: times">
    <tr>
        <td data-bind="attr: {id: $index()}, click: $root.select.bind($data, $index(), 0)></td>
    <tr>
</tbody>

在此處閱讀有關attr綁定的更多信息： http : //knockoutjs.com/documentation/attr-binding.html