如何使用jQuery检测p标签指定文本后为body添加对应类名

实现代码 #

直接在原有逻辑里增加匹配判断、给body加类的逻辑即可：

$(document).ready(function(){
  // 原有的p标签高亮逻辑，不需要可以删除
  $("p:contains(first)").css("background-color", "yellow");
  $("p:contains(third)").css("background-color", "red");

  // 新增给body加类的逻辑
  if ($('p:contains("first")').length) {
    $('body').addClass('first');
  }
  if ($('p:contains("third")').length) {
    $('body').addClass('third');
  }
});

逻辑说明 #

• jQuery选择器匹配到元素后，.length属性会返回匹配到的元素数量，数值大于0就代表存在符合条件的p标签
• 上述代码只要存在对应文本的p标签就会给body加对应类，如果你的场景下first和third不会同时出现，或者要保证只加优先级更高的类，可以把第二个if改成else if即可。

内容的提问来源于stack exchange，提问作者Elaine Byene