如何使用JS仅修改class为one的div内a标签的URL

这问题我之前也碰到过，核心就是你没给选择器限定范围，所以才会修改所有匹配的标签。先看看你的场景：

你当前用的代码会选中页面上所有href为http://www.abc.co.uk/的标签：

$('a[href="http://www.abc.co.uk/"]').attr('href', 'http://www.abc/eye');

要只修改class为one的div里的目标标签，有两种简单的修正方式：

方式一：使用后代选择器直接定位 #

$('.one a[href="http://www.abc.co.uk/"]').attr('href', 'http://www.abc/eye');

这里的.one a表示仅选择class为one的元素下的所有后代，再结合属性选择器[href="..."]，就能精准锁定你要修改的元素，不会影响.two里的标签。

方式二：用find()方法分步查找 #

如果你觉得后代选择器可读性不够，也可以用find()方法拆分逻辑：

$('.one').find('a[href="http://www.abc.co.uk/"]').attr('href', 'http://www.abc/eye');

先选中class为one的div，再在它的子元素范围内查找符合href条件的标签，逻辑更直观，适合复杂DOM结构的场景。