在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