时间戳

首页 > 解决方案 > 从 DIV 元素中删除字符

jquery - 从 DIV 元素中删除字符

问题描述

我正在尝试从以下标记中删除 RT。我努力了

 $('#tweet').text( $('#tweet').text().replace("RT ", ''));

但它只会从第一个 div 中删除 RT。有什么想法吗？

<div class="fslider" data-animation="slide" data-arrows="false" data-pagi="false">
  <div class="flexslider">
    <div class="slider-wrap">
      <div class="slide" id="tweet">RT  A new empowerment group, the Business Economic Empowerment Forum, has been launched in Zim aiming to promote business and ec…&lt;span class="twitter_date"><br>
        </span></div>
      <div class="slide" id="tweet">RT  Alexander Forbes extends footprint to Zim through its acquisition of a significant stake in African Actuarial Consultants<span class="twitter_date"><br>
        </span></div>
      <div class="slide" id="tweet">RT  Nigeria &amp;amp; Morocco sign agreements on a regional gas pipeline which will see Nigeria providing gas to countries in West Africa<span class="twitter_date"><br>
        </span></div>
    </div>
  </div>
</div>

标签： jquery

解决方案

id页面上的值必须是唯一的，因此第一步是将标记更改为使用tweet类而不是id：

<div class="fslider" data-animation="slide" data-arrows="false" data-pagi="false">
  <div class="flexslider">
    <div class="slider-wrap">
      <div class="slide tweet">RT  A new empowerment group, the Business Economic Empowerment Forum, has been launched in Zim aiming to promote business and ec…&lt;span class="twitter_date"><br>
        </span></div>
      <div class="slide tweet">RT  Alexander Forbes extends footprint to Zim through its acquisition of a significant stake in African Actuarial Consultants<span class="twitter_date"><br>
        </span></div>
      <div class="slide tweet">RT  Nigeria &amp;amp; Morocco sign agreements on a regional gas pipeline which will see Nigeria providing gas to countries in West Africa<span class="twitter_date"><br>
        </span></div>
    </div>
  </div>
</div>

然后，您需要使用text's callback遍历它们：

$(".tweet").text(function(_, text) {
    return text.replace("RT ", "");
});

请注意，奇怪的是，文本是回调的第二个参数。

现场示例：

$(".tweet").text(function(_, text) {
    return text.replace("RT ", "");
});
<div class="fslider" data-animation="slide" data-arrows="false" data-pagi="false">
  <div class="flexslider">
    <div class="slider-wrap">
      <div class="slide tweet">RT  A new empowerment group, the Business Economic Empowerment Forum, has been launched in Zim aiming to promote business and ec…&lt;span class="twitter_date"><br>
        </span></div>
      <div class="slide tweet">RT  Alexander Forbes extends footprint to Zim through its acquisition of a significant stake in African Actuarial Consultants<span class="twitter_date"><br>
        </span></div>
      <div class="slide tweet">RT  Nigeria &amp;amp; Morocco sign agreements on a regional gas pipeline which will see Nigeria providing gas to countries in West Africa<span class="twitter_date"><br>
        </span></div>
    </div>
  </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

请注意，无论它在文本中的哪个位置，您replace都将替换RT，并且只会替换第一个。要使其专门仅替换文本开头的一个，如果有，请将其更改为

return text.replace(/^RT /, "");

...这里^的意思是“输入的开始”。你甚至可以使用/^RT +/所以你替换它后面的所有空格，而不仅仅是一个。

现场示例：

$(".tweet").text(function(_, text) {
    return text.replace(/^RT +/, "");
});
<div class="fslider" data-animation="slide" data-arrows="false" data-pagi="false">
  <div class="flexslider">
    <div class="slider-wrap">
      <div class="slide tweet">RT  A new empowerment group, the Business Economic Empowerment Forum, has been launched in Zim aiming to promote business and ec…&lt;span class="twitter_date"><br>
        </span></div>
      <div class="slide tweet">RT  Alexander Forbes extends footprint to Zim through its acquisition of a significant stake in African Actuarial Consultants<span class="twitter_date"><br>
        </span></div>
      <div class="slide tweet">RT  Nigeria &amp;amp; Morocco sign agreements on a regional gas pipeline which will see Nigeria providing gas to countries in West Africa<span class="twitter_date"><br>
        </span></div>
    </div>
  </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

推荐阅读