javascript - 特定のテキスト/html を含む要素に CSS を適用する Javascript/jQuery

Question

Javascript/jQuery を使用して、特定の HTML を含む HTML 要素に CSS を適用しようとしています。私が持っているのは基本的に次のとおりです。

<ol>
<li>*<a href=http://foo.com/1>A bunch of text</a>
<li><a href=http://foo.com/2>More text</a>
<li>*<a href=http://foo.com/3>Even more text</a>
<li><a href=http://foo.com/4>Just a little more text</a>
</ol>

私が望むのは、アスタリスクが後に続く.addClass()2 つのタグで実行することです。<li>

使用できることはわかって$("ol li:contains(*)")いますが、リンク テキストにアスタリスクが含まれている可能性があるため、100% 正確であるとは言えません。.addClass()理想的には、 が続くすべての<li>タグで実行する方法を見つけたいのですが、 が後に続く*<a href=http://foo.com/で実行する方法だけでおそらくそれができます。<li>*

この質問への回答を見ましたが、innerTextに切り替えても役に立ちませinnerHTMLん<li>.

Answer 1

$("ol li").filter(function(){
    return $(this).text().charAt(0) === '*';
}).addClass('awesome');