jquery每次匹配都不起作用

Question

无论如何，我想做一个判断，如果 div 的 id 匹配某些内容，则为其添加类。我的代码在这里，但每次匹配都不起作用。请帮忙，谢谢。

<script>
$(document).ready(function(){
    var num = '3';
    $('.ddd').each(function(){
        if($(this).attr('id').match(/^'id'+num$/)){
            $(this).addClass('eee');
        }
    });
});
</script>
<style>
.ddd{float:left;display:block;background:#9FF;width:50px;height:50px;margin:10px;}
.eee{background:#F36!important;}
</style>
<div class="ddd" id="id1"></div>
<div class="ddd" id="id2"></div>
<div class="ddd" id="id3"></div>
<div class="ddd" id="id4"></div>
<div class="ddd" id="id5"></div>
<div class="ddd" id="id6"></div>
<div class="ddd" id="id7"></div>

Answer 1

更新：

var num = '3';
$('#id' + num).addClass('eee');

---

您可以简单地使用 以选择器开头 ^=< /a> 并像这样应用类：

$('div.ddd[id^="id"]').addClass('eee');

这会将 eee 类应用于具有以文本 id 开头的 id 属性的所有元素:)

Answer 2

您可能应该听所有这些人说您应该使用实际的 id (#id) 选择器或属性 ([attribute=value]) 选择器，但要回答你的问题，我会指出你做错了什么。
创建需要在其中封装变量的“动态”正则表达式时，您应该使用 new RegExp 构造函数而不是内联语法 /rule/。此外，如果您只想测试某些东西是否符合正则表达式，您可能应该使用正则表达式的 test 方法。 :

var num = '3';
var regex = new RegExp('^id' + num + '
);
$('.ddd').each(function(){
    if(regex.test($(this).attr('id'))){
        $(this).addClass('eee');
    }
});

Answer 3

$(document).ready(function(){
    var num = '3';
    $('.ddd').each(function(){
        if($(this).attr('id').match(/^id[0-9]+$/)){
            $(this).addClass('eee');
        }
    });
});

Answer 4

<script>
$(document).ready(function(){
    var num = '3';
    $(".ddd[id='id'"+num+"']").addClass('eee');
    });

Answer 5

$(document).ready(function(){
    var num = '3';
    $('.ddd[id^="id'+num+'"]').addClass('eee');
});

Answer 6

保持简单:)

$(document).ready(function(){
    var num = '3';
    $('.ddd#id' + num).addClass('eee');
});