Javascript 将某些内容添加到a<；文本>；通过JS标记

让它工作起来有点困难

后端将字符串从x更改为x*时出现问题。请照字面上的意思看

我试图通过使用'contains（）'JQuery来检测文本，并对其应用一个类来解决这个问题

<text fill="#FF8201" style="font-size: 13.2px;" x="0" y="327.58888888888885" fill-opacity="1">JIMMY</text>

CSS:

---

但它不起作用。不知道为什么…

在上面的一条评论中，有一个JSFIDLE被链接了。查看时，我发现没有问题，因为

*

是可见的。我注意到的唯一一件事是您正在使用JQuery，因此我唯一的想法是您是否不喜欢JQuery或CSS。您可能知道，您可以使用CDN链接到JQuery：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

或者，您可以下载JQuery文件并从本地文件附加它：

<script src="/jquery/3.5.1/jquery.min.js"></script>

或者链接CSS文件（包含类样式）时可能会出现问题：

---

除此之外，我不知道。

在上面的一条评论中，有一个JSFIDLE链接到。查看时，我发现没有问题，因为

*

是可见的。我注意到的唯一一件事是您正在使用JQuery，因此我唯一的想法是您是否不喜欢JQuery或CSS。您可能知道，您可以使用CDN链接到JQuery：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

或者，您可以下载JQuery文件并从本地文件附加它：

<script src="/jquery/3.5.1/jquery.min.js"></script>

或者链接CSS文件（包含类样式）时可能会出现问题：

---

除此之外，我不知道。

这里是一个普通的Javascript解决方案，我们在其中创建了一个名为

changeText

的函数，它接受两个参数

queryText

：要搜索的文本和

appendText

要追加到queryText末尾的文本

//函数在svg标记中搜索queryText的所有元素
//然后用appendText追加它们
函数changeText（queryText、appendText）{
让textElements=document.querySelectorAll（'svg text'）；//将svg中的所有文本元素作为节点列表获取
forEach（el=>{//遍历每个文本元素
如果（el.innerHTML===queryText）{//如果innerHTML与查询HTML匹配，则
el.innerHTML=el.innerHTML+appendText；//追加文本
}
})
}
document.addEventListener（“DOMContentLoaded”，function（））{
//将搜索文本和附加文本作为参数传入
changeText（'JIMMY'，'*'）；
});

吉米
不是吉米
这是一个普通的Javascript解决方案，我们在其中创建了一个名为
changeText
的函数，该函数使用两个参数
queryText
：要搜索的文本和
appendText
要追加到queryText末尾的文本


//函数在svg标记中搜索queryText的所有元素
//然后用appendText追加它们
函数changeText（queryText、appendText）{
让textElements=document.querySelectorAll（'svg text'）；//将svg中的所有文本元素作为节点列表获取
forEach（el=>{//遍历每个文本元素
如果（el.innerHTML===queryText）{//如果innerHTML与查询HTML匹配，则
el.innerHTML=el.innerHTML+appendText；//追加文本
}
})
}
document.addEventListener（“DOMContentLoaded”，function（））{
//将搜索文本和附加文本作为参数传入
changeText（'JIMMY'，'*'）；
});

吉米
不是吉米
什么样的标签是
？以前从没见过。它不是HTML。它是一个D3 SVG文本字段。它的工作原理是：SVG不支持伪元素。
是什么类型的标记？以前从没见过。它不是HTML。它是一个D3 SVG文本字段。它在这个小提琴中工作：SVG不支持伪元素。嗨，库拉，谢谢你的回复。我必须设置查询文本的变量吗？要回答您的问题，只需将变量传入函数，如
changeText（'JIMMY'，'*'）
。非常奇怪的是，它不工作，并且可能由于某种加载问题（即脚本加载的顺序与填充的数据的顺序）而不工作，或者可能文本不完全匹配？如果你能在你看到的地方共享页面或其他东西，我只能帮助你调试更多，否则我无法复制这个问题。你的D3.js可视化从某处获取数据，然后生成图形。如果是这样，这个函数可能必须在绘制图形后运行，例如。嗨，Coola，是的，这是正确的，可视化会提取数据。对于一个astrix来说，这是一项艰巨的工作。我决定不把它和焦点放在其他地方。嗨，库拉，谢谢你的回复。我必须设置查询文本的变量吗？要回答您的问题，只需将变量传入函数，如
changeText（'JIMMY'，'*'）
。非常奇怪的是，它不工作，并且可能由于某种加载问题（即脚本加载的顺序与填充的数据的顺序）而不工作，或者可能文本不完全匹配？如果你能在你看到的地方共享页面或其他东西，我只能帮助你调试更多，否则我无法复制这个问题。你的D3.js可视化从某处获取数据，然后生成图形。如果是这样，这个函数可能必须在绘制图形后运行，例如。嗨，Coola，是的，这是正确的，可视化会提取数据。对于一个astrix来说，这是一项艰巨的工作。我决定不把它包括在内，而把重点放在其他地方。
<link rel="stylesheet" href="/CSS/style.css" type="text/css" />