原型函数同一类的不同id元素

Question

我正在使这个原型脚本正常工作：

function removing () {
*var ids = $$('.class').collect(function(el) { return el.id; });* //array of ids, not used by now
var data = $$('.class').pluck('innerHTML');
var wanted_count = 10;
var output = cutHtmlString(data, wanted_count);
$$('.class').invoke('replace', output + '...');
}

在此标记上：

<div class="class" id="id1">content 1</div>
<div class="class" id="id2>content 2</div>
<div class="class" id="id3>content 3</div>

cutHtmlString 是一个剪切 html 字符串并保留标签的函数，我想将其应用于每个不同的 div 内容。我从一般 $$(.class) 创建“数据”变量（通过innerHTML），然后按字数计数（var Want_count）执行切割到“输出”变量。
最后，我替换原始元素（通过$$.class 再次）及其新剪切内容。

除了一个问题之外，一切都很好：仅使用 $$(class) 使得仅考虑和替换第一个元素内容 给其他人。
我猜我也需要通过 ids 来识别元素..因此我在（收集）上添加了注释功能，但我不知道如何加入我的目标..

到目前为止我只得到了这个结果：

这是第一堂课的内容 div...（剪切）
这是第一个“class”div 的内容...
这是第一个“class”div的内容...

而我想得到：

这是第一堂课的内容 分区...
这是第二个“类”div 的内容...
这是第三个“类”div 的内容...

谢谢大家，并对整个社区表示赞赏

Answer 1

我相信您正在混合处理一组元素和处理单个元素。自从我使用 Prototype 以来已经有一段时间了，但是您是否尝试过单独进行工作，以便输出范围仅限于您要替换的元素：

function removing () {
  var data, output, wanted_count = 10;

  $('.class').each(function(element){
    output = cutHtmlString(element.innerHTML, wanted_count);
    element.replace(output + '...');
  });
}

Answer 2

仅当您向每个元素填充相同的变量时，Invoke 才会起作用。您需要使用each。
另外我认为你想使用更新而不是替换。

试试这个。

function removing() {
  $('.class').each(function(el){
    var output = cutHtmlString(el.innerHTML, 10);
    el.update(output + '...');
  });
}