Javascript jquery替换td内容

我已经搜索了我问题的部分答案，但不幸的是，我找到的答案只改变了一个字段，而不是所有字段

我在我的网站上有如下表格：

<table>
<tr>
<td>1</td>
<td id="demand">DL-001</td>
<td>Description 1</td>
</tr>
<tr>
<td>2</td>
<td id="demand">DL-002</td>
<td>Description 2</td>
</tr>
<tr>
<td>3</td>
<td id="demand">DL-003</td>
<td>Description 3</td>
</tr>
</table>

---

将您的ID更改为类-DOM中的ID必须是唯一的，这将导致大多数javascript出现问题

下面是一个已更改ID的工作代码段，以及可用于完成此任务的示例jQuery

//没有冲突安全文档准备就绪
jQuery（函数（$）{
//通过需求类别循环所有td
$（'td.demand'）。每个（函数（）{
//将DL-XXX加载到变量中（因为它被多次使用）
var dl=$（this.text（）；
//将td html更改为链接，引用DL-XXX编号
$（this.html（“”）；
});
});

1.
DL-001
说明1
2.
DL-002
说明2
3.
DL-003
说明3
要获得预期的结果，请使用下面使用jquery append的选项

$(".demand").each(function(){
  var val = $(this).text()
  $(this).html('<a href="order.php?d='+val+'">'+val+'</a>')
})

$（“.demand”）。每个（函数（）{
var val=$（this.text（））
$（this.html（“”）
})

试试这个：


（函数（$）{
var需求=$（“.demand”）；
需求。每个（函数（）{
//确保取消对$的冗余呼叫（此）
//调用$（this）一次就足够了
var el=$（此），
txt=el.text（）；
html（$（“”，{href:'order.php？d='+txt，text:txt}））；
});
})（jQuery）

JS-Bin
1.
DL-001
说明1
2.
DL-002
说明2
3.
DL-003
说明3
至少有一个问题是您的ID重复。将这些更改为类（
td class=“demand”
而不是
td id=“demand”
）。ID必须是唯一的。在每个问题上都是相同的错误。每页只有一个id，否则它将不会work@AlexYokisama-总是犯同样的错误吗？总是吗？因为这是一个jQuery问题，所以看到你的jQuery也是很有用的……谢谢你指出这一点，我已经纠正了这个新手犯的错误！但是OP有ID，而不是类？是的@cale_b，我忘了更新我的答案，提到ID需要更改为类，因为OP可以使用相同的类但不使用相同的ID这有什么作用？你改变了什么？（注意：我知道，但如果你提供一些评论/解释，你的答案对未来的访问者将更有价值）这是一种更优雅的方式来实现同样的结果。
<td id="demand"><a href="order.php?d=DL-001">DL-001</a></td>

$(".demand").text('<a href=\'order.php?d=' + data[2] + '\'>' + data[2] + '</a>');

$(".demand").each(function(){
  var val = $(this).text()
  $(this).html('<a href="order.php?d='+val+'">'+val+'</a>')
})