jquery - 正则表达式查找带有大括号的 data-src 属性

Question

我正在尝试找到一个很好的模式来查找如下所示的元素

data-src="{{xxxx}}"，大括号内的内容可能会发生变化

这个想法是从 document.ready 上的 data-src 获取内容并将其插入到新的 src 属性中，即

$("img:regex(class, EXPRESSION)").each(function() {
    $(this).attr('src', $(this).attr('data-src'));
});

谢谢

Answer 1

为什么选择雷克斯？只是不匹配属性的开始和结束:

$('[data-src^="{{"][data-src$="}}"]').each(function() {
    $(this).attr('src', $(this).attr('data-src'));
});

JSFiddle: http://jsfiddle.net/574u9zh3/

或者，在对 filter() 的调用中使用 RexEx :

例如

$('div').filter(function(){
    var attr = $(this).data('src');
    // return true for any RexEx match you care to make
    return ...
}).each(function() {
    $(this).attr('src', $(this).attr('data-src'));
});

注意:供阅读 data-属性，使用data()相反。

$(this).attr('src', $(this).data('src'));