javascript - jQuery 动态从右到左的 CSS 处理

Question

我有一个看起来像这样的列表:

<ul>
 <li>Table</li>  <!-- English -->
 <li>मेज</li>    <!-- Hindi -->
 <li>میز</li>   <!-- Urdu -->
</ul>

我想使用 jQuery 读取列表项中的字符，如果它在阿拉伯语 unicode 范围 (0x0600 - 0x06FF) 中找到任何字符，则在其下划线。

这是我的:

$("li:contains(/[\u0600-\u06FF]/)").css( "text-decoration", "underline" );

它应该与第三项匹配，但我显然做错了什么。也许在 jQuery 选择器中 :contains 不允许使用正则表达式...

Answer 1

您可以将 filter() 与 RegExp 一起使用。
尝试以下操作:

var regex = new RegExp(/[\u0600-\u06FF]/);

$("li").filter(function() {
    return regex.test($(this).text());
}).css("text-decoration", "underline");