如何使用jquery为所有id添加标题

Question

如何在表格中为td的所有id添加标题。

代码：

<table>
    <tr>
        <td id="A">TextA</td>
        <td id="A">TextB</td>
        <td id="A">TextC</td>
    </tr>
</table>

$('#A')[0].title = "new title value";

这是jsfiddle：http://jsfiddle.net/3hocugmj/

我尝试使用for循环：

for (b = 0; b < 3; b++) {
    $('#A')[b].title = "new title value";
}

但这不起作用......任何想法如何解决这个问题？

真的，谢谢。

Answer 1

您的HTML无效 - 您不能在同一页面中拥有相同id的元素。请改用班级

<table>
    <tr>
        <td class="A">TextA</td>
        <td class="A">TextB</td>
        <td class="A">TextC</td>
    </tr>
</table>

然后你的JS成为一个单行（假设你希望所有元素都具有相同的title属性）：

$('.A').prop('title', 'new title value');

如果他们需要不同的值，您可以给prop()一个包含设置标题的逻辑的函数：

$('.A').prop('title', function() {
    return 'new title value: ' + $(this).text();
});

以上将产生以下值：

new title value: TextA
new title value: TextB
new title value: TextC