javascript - 如果段落有特定文本，请单击按钮

Question

我这里有这个 HTML:

<div id="team_log_actual" class="log">
<p><img src="/img/item/item_ejector.png"> <b>[<span style="color: #0FF">Owner</span>] <span style="color: #0FF;">Someusername</span></b> placed a block.</p>
<p><img src="/img/item/helm.png"> <b>[<span style="color: #0FF">Owner</span>] <span style="color: #0FF;">Someusername</span></b> used item</p>
</div>

在该 HTML 中，您可以看到两个段落元素。这些段落可以随机创建，并且可以附加到 <div>与类“日志”。您还可以看到每个段落都可以包含特定的文本字符串。就像“二手元素”。

无论如何我可以检查每个段落中的特定字符串，如果匹配则为当前段落元素执行一个函数？就像也许改变 .innerHTML或单击按钮或段落本身。？等等……

Answer 1

使用indexOf 找到想要的字符串。

$('#team_log_actual').find('p').each(function(index, element) {
  var str1 = $(this).text();
  var str2 = "used item";
  if (str1.indexOf(str2) != -1) {
    $(this).addClass('YourClass'); // What ever you want to do if match. For eg. I add class.
  }
});

.YourClass {
  background-color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="team_log_actual" class="log">
  <p><img src="/img/item/item_ejector.png"> <b>[<span style="color: #0FF">Owner</span>] <span style="color: #0FF;">Someusername</span></b> placed a block.</p>
  <p><img src="/img/item/helm.png"> <b>[<span style="color: #0FF">Owner</span>] <span style="color: #0FF;">Someusername</span></b> used item</p>
</div>