jquery - 使用 jquery 重新组合元素

Question

我的页面上有许多这样的消息:

<div class="messages">A</div>
<div class="messages">B</div>
<div class="messages">A</div>
<div class="messages">C</div>

有没有办法使用 jQuery(无 PHP)来计算和重新组合 2 div A，如下所示:

<div class="messages">A</div><span>2</span>
<div class="messages">B</div>
<div class="messages">C</div>

谢谢。

Answer 1

您可以从这样的事情开始:

$('div.messages:contains(A)');

如何将其构建到其他代码中取决于您提前了解的内容。

如果您不知道可能的值是什么，您可能会得到如下结果:

var $messages = $('div.messages');
var counts = {};
$messages.each(function (i, div) {
  var $div = $(div);
  if (counts[$div.text()] == undefined) { counts[$div.text()] = 0; }
  ++counts[$div.text()];
});

这将根据 div 的内容对它们进行计数。然后添加一些循环计数的内容。