有没有办法直接用jquery修改DOM元素的属性？

Question

有没有人知道缩短这个的方法：

$('.el').attr('src', $('.el').attr('src').replace('/subpath1/', '/subpath2/'))

Answer 1

使用回调函数执行此操作，您可以将旧属性值作为第二个参数。

$('.el').attr('src',function(i, oldSrc){
  return oldSrc.replace('/subpath1/', '/subpath2/');
})

---

具有ES6箭头功能

$('.el').attr('src', (i, s) => s.replace('/subpath1/', '/subpath2/'))

---

您可以使用捕获组正则表达式减少代码长度。

$('.el').attr('src', (i, s) => s.replace(/(\/subpath)1\//, '$12/'))

Answer 2

您也可以将元素存储在var中，如下所示：

var el = $('.el');
el.attr('src', el.attr('src').replace('/subpath1/', '/subpath2/'))

因此，您不需要再次抓取DOM。