为什么 Jquery 只影响第一个 div 元素?

IT技术 javascript jquery html
2021-02-11 12:54:43

我正在使用“替换”函数来删除 div 中的所有非数字值。

似乎 Jquery 替换只影响第一个元素。

这是我的 Jquery:

$('#comment').each(function() {
    var thz = $(this);
    var repl = thz.html(thz.html().replace(/\D+/g, ''));
});

HTML代码:

<a id="comment1" href="#"> c2fđf011. </a>
<a id="comment1" href="#"> c20ff113. </a>
<a id="comment1" href="#"> c201gf76341. </a>

结果:

2011 c20ff113。c201gf76341。

我想要的结果是:

2011 20113 20176341

4个回答

您有重复的 id,这是无效的,还有 jQuery ID 选择器(或任何其他 id 选择器,如 jQuery 内部使用的 document.getElementById,因为具有 id 的元素被大多数浏览器索引并且是唯一的)将只返回第一个出现在 DOM 中。将其更改为 class 并查看它的工作情况:

$('.comment').each(function() { 
     var thz =  $(this); var repl =
     thz.html(thz.html().replace(/\D+/g, '')); 
});

HTML

<a class="comment1" href="#"> c2fđf011. </a> 
<a class="comment1" href="#">c20ff113. </a> 
<a class="comment1" href="#"> c201gf76341. </a>

顺便说一句,你的身份证是这样的:-

<a id="comment1" href="#"> c2fđf011. </a> 
<a id="comment2" href="#">c20ff113. </a> 
<a id="comment3" href="#"> c201gf76341. </a>

从属性选择器开始会帮助你(但字面上会减慢你的速度,因为这是一个属性选择器,失去了使用 ID 的优势)。

$('[id^=comment]').each(function() { // While using this better give a container context $('[id^=comment]', 'container').each(function...
    var thz = $(this);
    var repl = thz.html(thz.html().replace(/\D+/g, ''));
});

演示

道德:ID 必须是唯一的

HTML 页面中的 ID 应该是唯一的

这就是它只针对找到的元素的第一个实例的原因。

更换用类元素,而不是

$('.comment').each(function() {
       // Your code
});
$('.comment').each(function() { var thz = $(this); var repl = thz.html(thz.html().replace(/\D+/g, '')); });

将带有 id 的元素替换comment为 class comment

如果在元素上多次使用 ID,选择器将只选择具有该 ID 的第一个元素。

但是当您使用 class 时,选择器将选择所有具有该 class 的元素。

如果您真的不想更改 html,则可以按属性使用选择器。但正如其他人所建议的,在这里使用 class 而不是 id 是最好的选择。

$('div[id="comment"]').each(function(){})
我只想分享的是,这是可能的。
2021-03-24 12:54:43