代码之家 › 专栏 › 技术社区 › user3108268

从HTML中删除多个元素的字符串

jquery javascript

user3108268 · 技术社区 · 8 年前

我想删除标题末尾的冒号,所以我使用以下方法:

$('.title').html($('.title').html().replace(':', ''))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="title">
  Apples:
</div>
<div class="title">
  Oranges:
</div>

它有效,它删除了冒号,但也取代了第二个标题 Oranges 具有 Apples ?

https://jsfiddle.net/X528L/8/

2 回复 | 直到 8 年前

Taplar 8 年前

你可以给 html 一个闭包,一个独立的改变。

$('.title').html(function(index, currentHTML){
  return currentHTML.replace(/:/g, '');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="title">
Apples:
</div>
<div class="title">
Oranges:
</div>

Dorado 8 年前

你很接近。你得到一个集合是因为有多个元素 title 作为类名。我建议迭代元素以替换值。

$.each($('.title'), function(key, value) {
    $(value).html($(value).html().replace(':',''));
});

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前