Javascript jQuery中ID的正则表达式 aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa $（'span[id=“aaa_*.\u bbb”]”）css（'background-color'，'red'）；

我必须如何修改这个jQuery？我想添加css（背景色：红色）仅用于aaa_*\uBBB ID.*=number

---

LIVE:

在HTML中，您可以使用和选择器的组合：

<span id="aaa_1_bbb">aaa</span>
<span id="aaa_2_bbb">aaa</span>
<span id="aaa_3_bbb">aaa</span>
<span id="aaa_4_bbb">aaa</span>
<span id="aaa_5_bbb">aaa</span>
<span id="aaa_6_bbb">aaa</span>
<span id="bbb_1_bbb">aaa</span>
<span id="ccc_1_bbb">aaa</span>
<span id="ddd_1_bbb">aaa</span>
<span id="aaa_1_xxx">aaa</span>

$('span[id="aaa_*_bbb"]').css('background-color', 'red');

<强> > >，如果HTML在您的控制之下，您应该考虑将<代码>类< /代码>添加到这些元素中，或者将<代码> ID 或<代码>类< /代码>添加到它们的父节点，以便您可以更直接地选择它们。

---

在HTML中，您可以使用和选择器的组合：

<span id="aaa_1_bbb">aaa</span>
<span id="aaa_2_bbb">aaa</span>
<span id="aaa_3_bbb">aaa</span>
<span id="aaa_4_bbb">aaa</span>
<span id="aaa_5_bbb">aaa</span>
<span id="aaa_6_bbb">aaa</span>
<span id="bbb_1_bbb">aaa</span>
<span id="ccc_1_bbb">aaa</span>
<span id="ddd_1_bbb">aaa</span>
<span id="aaa_1_xxx">aaa</span>

$('span[id="aaa_*_bbb"]').css('background-color', 'red');

<强> > >，如果HTML在您的控制之下，您应该考虑将<代码>类< /代码>添加到这些元素中，或者将<代码> ID 或<代码>类< /代码>添加到它们的父节点，以便您可以更直接地选择它们。

---

您可以执行以下操作：

$('span[id^="aaa_"]').filter('[id$="_bbb"]').css('background-color', 'red');

---

它接受每个span元素并检查前3个字符是否为“aaa”，最后3个字符是否为“bbb”，如果是这种情况，则分配CSS。

您可以执行以下操作：

$('span[id^="aaa_"]').filter('[id$="_bbb"]').css('background-color', 'red');

---

它接受每个span元素并检查前3个字符是否为“aaa”，最后3个字符是否为“bbb”，如果是这种情况，则分配CSS。

更好的选择是在这些元素上设置特定的类，如

$('span').each(function() {

    var span_id = $(this).attr('id');
    if (span_id.substring(0, 3) == "aaa" && span_id.substring(span_id.length - 3, span_id.length) == "bbb") {
        $(this).css('background-color', 'red');
    }

});

aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa

---

然后，只需执行

$（'span.aaabbb'）.css（'background-color'，'red'）
更好的选择是在这些元素上设置一个特定的类，如

$('span').each(function() {

    var span_id = $(this).attr('id');
    if (span_id.substring(0, 3) == "aaa" && span_id.substring(span_id.length - 3, span_id.length) == "bbb") {
        $(this).css('background-color', 'red');
    }

});

aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa

然后，只需执行
$（'span.aaabbb'）.css（'background-color'，'red'）
您可以使用
.filter

<span id="aaa_1_bbb" class="aaabbb">aaa</span>
<span id="aaa_2_bbb" class="aaabbb">aaa</span>
<span id="aaa_3_bbb" class="aaabbb">aaa</span>
<span id="aaa_4_bbb" class="aaabbb">aaa</span>
<span id="aaa_5_bbb" class="aaabbb">aaa</span>
<span id="aaa_6_bbb" class="aaabbb">aaa</span>
<span id="bbb_1_bbb">aaa</span>
<span id="ccc_1_bbb">aaa</span>
<span id="ddd_1_bbb">aaa</span>

您可以使用
.filter

<span id="aaa_1_bbb" class="aaabbb">aaa</span>
<span id="aaa_2_bbb" class="aaabbb">aaa</span>
<span id="aaa_3_bbb" class="aaabbb">aaa</span>
<span id="aaa_4_bbb" class="aaabbb">aaa</span>
<span id="aaa_5_bbb" class="aaabbb">aaa</span>
<span id="aaa_6_bbb" class="aaabbb">aaa</span>
<span id="bbb_1_bbb">aaa</span>
<span id="ccc_1_bbb">aaa</span>
<span id="ddd_1_bbb">aaa</span>

我想你需要用这个：
我想你需要用这个：
我已经把你的问题读了四遍，但我仍然不知道你在问什么。@ColinFine:aaa_2222;bbb应该是red@Colin他想要一个通过正则表达式匹配HTML ID的CSS选择器。我已经读了你的问题四遍了，我还是不知道你在问什么。@ColinFine:aaa_2222;u bbb应该是red@Colin他想要一个通过正则表达式匹配HTML ID的CSS选择器。+1谢谢，这没问题，但我修改了我的示例。我发现了其他结果。+1谢谢，这没关系，但我修改了我的示例。我发现另一个结果。第一个选择得到aaa，第二个选择过滤掉那些只以bbb结尾的，因此得到的结果aaa*_bbb@genesi我比我的过滤器实现更喜欢这个：）容易忘记最简单的解决方案第一个选择得到aaa，第二个选择过滤掉那些只以bbb结尾的，因此，获得aaa*_bbb@genesis的结果比我的过滤器实现更喜欢这个：）很容易忘记最简单的解决方案