javascript - 正则表达式 - 用于捕获所有 href

Question

我需要做这段代码

if($.trim($('#id_title_de').val())){
    $('a[href="#tab_id_title_de"]').css('background','green').css('color','yellow');
}

对于 55 种语言，tab_id_title_de 的最后一部分 - de 会针对每种语言发生变化。

我用更短的方式尝试了这个:

if($.trim($("[id^='id_title']").val())){
    $('a[href^="#tab_id_title"]').css('background','green').css('color','yellow');
}

但它甚至会影响那些 $.trim($('#id_title_xx').val()) 为空的人。

我错过了什么吗？

Answer 1

此处没有正则表达式，您使用的是“属性开头为”选择器。

就是说，您遇到的问题是因为选择器将选择一组元素，而不是像您的原始代码那样选择单个元素。因此，您需要遍历它们。试试这个:

$("[id^='id_title']").each(function() {
    var lang = this.id.split('_').pop();
    if ($.trim($(this).val())) {
        $('#tab_id_title_' + lang).css('background', 'green').css('color', 'yellow');
    }
});

Example fiddle