javascript - 如何向 textfield.JS/Jquery 中具有特定文本值的 <img> 标签添加属性

Question

我有一个<img>标签附加到每个 <text>标签如下图:

<div>
  <text text-anchor="start" class="text">Text 1</text>
  <img src="abc.png" class="nv-hover-icon" height="15" width="22"/>
</div>
<div>
 <text text-anchor="start" class="text">Text 2</text>
 <img src="abc.png" class="nv-hover-icon" height="15" width="22"/>
</div>
<div>
  <text text-anchor="start" class="text">Text 3</text>
  <img src="abc.png" class="nv-hover-icon" height="15" width="22"/>
</div>

如何向文本 == 'Text2' 的图像添加属性。

if($("text.text").text() == 'Text 2'){
   //add an attr 'id' to the img tag
  //pseudo code: $("img").attr("id", "image-id");
}

关于如何实现这一目标有什么想法吗？ 谢谢!!

Answer 1

试试这个:您可以使用.filter()来查找所需的文本，然后使用.next()来定位图像并添加属性

$("text.text").filter(function(){
  return $(this).text().trim() == 'Text 2';
}).next().attr("id", "image-id");

<强> API Doc for filter()