选择<P>中的第一个单词

拉克什·西瓦拉曼(Rakesh Sivaraman)

如何在CSS或jQuery中获得此输出。

::first-letterCSS is (equal to) === "Some Value e.g. ' (1)(a)(I)(2)'"获取输出background-color:red;

HTML示例:

<p>(1)</p>
<p>(a)</p>
<p>(b)</p>
<p>(2)</p>
<p>(a)</p>
<p>(i)</p>
<p>(ii)</p>
<p>(iii)</p>

输出应为:

<p>(1)</p> <--Background-color RED
<p>(a)</p> <--Background-color GREEN
<p>(b)</p> <--Background-color GREEN
<p>(2)</p> <--Background-color RED
<p>(a)</p> <--Background-color GREEN
<p>(i)</p> <--Background-color YELLOw
<p>(ii)</p> <--Background-color YELLOw
<p>(iii)</p> <--Background-color YELLOw
什里

使用regexsubstring<p>标签中获取第一个单词根据该文本添加类,如下所示。

var $par = $("p");
$par.each(function(index, element) {
  var str = $(this).text().trim();
  var i = str.indexOf(" ");
  var txt = i == -1 ? str : str.substring(0, i);

  if (txt == '(1)' || txt == '(2)')
    $(this).addClass('red');
  if (txt == '(a)' || txt == '(b)')
    $(this).addClass('green');
  if (txt == '(ii)' || txt == '(iii)' || txt == '(i)')
    $(this).addClass('yellow')
});
.red {
  background-color: red;
}

.green {
  background-color: green;
}

.yellow {
  background-color: yellow;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>
  (1) 1st paragraph 
  (1) 1st paragraph
  (1) 1st paragraph
  next line
</p>
<p>(a) 2nd paragraph</p>
<p>(b)</p>
<p>(2)</p>
<p>(a)</p>
<p>(i)</p>
<p>(ii)</p>
<p>(iii)</p>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何选择文本最后一行的第一个单词?(<h1>-<h6>,<p>个元素)

在选择中隐藏第一个选项

选择几组中的第一个元素

用Vim从多行中的每一行中选择第一个单词

选择角度2中的第一个选项

选择不是其父级的第一个子级的每个<p>元素

第一个选择中的第一个选择的mySQL使用结果

选择Google搜索中的第一个链接

使用Stringr选择所有中间单词,而忽略第一个和最后一个单词

选择雪花中字符串左侧的第一个单词

在CSS中,如何不选择第一个或最后一个类型?

在SQL中选择字符串中每个单词的第一个字母

CSS:选择包含特定单词的链接的第一个匹配项

Vim:将选择的每一行的第一个单词替换为列表中的数字

Python:选择目录中的第一个文件

选择嵌套div中的第一个孩子

如何选择每行的第一个单词并将其归因于bash脚本中的数组

Xpath-选择不是第一个p的所有内容

使用jQuery选择文本并使其与第一个单词分开使用粗体

第一个孩子的选择

MySQL查询以选择字段中的第一个单词并返回计数

大写第一个单词选择选项

选择单词中的第一个辅音(跟随多个元音)

Java 返回我选择的最长单词,但返回列表中的第一个单词而不是最后一个

在mysql中选择起始数字后跟第一个单词

如何选择 <article> 元素内的第一个 <p> 元素?

选择div中的第一个元素

带有 FormControl.patchValue 的 p 下拉选择 - 始终选择第一个值

如何使用SQL选择单词的第一个字母?