javascript - 如何将类应用于字符串中指定的字符组？

Question

尝试通过将类应用于非常特定的一组字符来减少文档中的 HTML。在我的示例中，它指向一组星号，它们在文档中显示为 **，它们包含的代码是

<span class="asterisk">**</span>

但是页面上有 50 多个实例。所以我正在寻找一种方法将类动态添加到定义的组中，在本例中为 **

到目前为止，已提出的最有效的解决方案是

<script>
  $("span:contains('**')").addClass("asterisk");
</script>

这减少了所需的代码量并将其带到 <span>**</span>

在下面的示例中，如果我希望所有的“**”都表示食品并获得我可以做的类(class)

<span>**</span>Indicates food related word
<p>Intelligentsia high life shoreditch keffiyeh skateboard, hoodie master cleanse helvetica. Fanny pack <span>**</span>raw denim street art, wes anderson gentrify lomo lo-fi. </p>
<p>Selfies typewriter you probably haven't heard of them <span>**</span>small batch street art, cliche raw denim try-hard sartorial cardigan pitchfork. Forage flannel portland, small batch before they sold out +1 post-ironic <span>**</span>PBR skateboard mixtape fap try-hard banjo bicycle rights. Vinyl banksy banjo, <span>**</span>gastropub <span>**</span>four loko art party <span>**</span>food truck next level.</p> 

看看它是如何变得重复的？所以我的意图是在我想要选择的内容旁边输入“**”。然后将类动态添加到定义的字符组中。

<p>**Chambray letterpress **kale **chips **high life 90's wolf yr semiotics mcsweeney's biodiesel, flannel fixie retro.</p> 
<p>Meh wayfarers fap scenester retro single-origin **coffee, cliche craft **beer 8-bit lo-fi selvage yr mixtape 90's.</p>

可以使用一些帮助缩小从这里到哪里去完成这个。

Answer 1

最清晰的使用方法.addClass只需指定要添加的类名:

$("span:contains('**')").addClass("asterisk");

addClass 可以接受一个函数，但这是一种高级用法，当您想要以不同方式处理 jQuery 集中的每个元素时。由于您想对每个元素做同样的事情，.addClass 不需要函数。