如何用jQuery的attr()方法同时修改<a>标签的文本与多个属性？

嘿，这个坑我之前踩过！其实问题的核心很容易搞混——jQuery的attr()方法是专门用来操作HTML元素的原生属性（比如href、class、id这些写在标签尖括号里的属性），而元素的文本内容并不是HTML属性，它属于DOM元素的内容范畴，所以根本没法通过attr()来设置。

你之前尝试的text、textContent、innerHTML这些，要么是jQuery的方法，要么是DOM对象的属性，都不属于HTML元素的属性列表，所以attr()完全识别不了，自然不会生效。而单独调用text()能成功，是因为它是jQuery专门用来操作元素文本内容的方法，和attr()的职责完全不同。

正确的实现方式 #

要同时修改链接的href和文本内容，最简洁的方式是用链式调用，把attr()和text()串起来：

$('#link_one').attr('href', 'https://stackoverflow.com').text('This is StackOverflow!');

如果你习惯用批量操作的写法，也可以用each()来一次性完成：

$('#link_one').each(function() {
  $(this).attr('href', 'https://stackoverflow.com');
  $(this).text('This is StackOverflow!');
});

补充说明 #

别再试图把文本内容塞进attr()的参数里啦，jQuery对不同的操作场景做了明确的方法划分：

• attr()：处理HTML元素的原生属性（比如href、src）
• text()/html()：处理元素的文本/HTML内容
• prop()：处理DOM元素的内置属性（比如checked、disabled）

内容的提问来源于stack exchange，提问作者magnum_skrattar