.HTML（）来自多个选择器

Question

我有以下jsfiddle ，代码如下：

HTML：

<div id="one" style="display:none">One</div>
<div id="two" style="display:none">Two </div>
<div id="three" style="display:none">Three</div>
<div id="output"></div>

jQuery的：

$("#output").html($("#one,#two").html());

我可以使它与一个选择器一起工作，我想做的是使用多个选择器，我似乎正在以错误的方式进行操作。 有人可以指出我正确的方向吗？

谢谢

Answer 1

.html()将仅从与选择器规则匹配的第一个元素中获取内容：

获取匹配的元素集中第一个元素的HTML内容。

资料来源： http ： //api.jquery.com/html/

---

如果要从两个元素中获取内容，则应该执行以下操作：

$("#output").html($("#one").html() + $("#two").html());

参见演示： http : //jsfiddle.net/sshg7/2/

Answer 2

如果只想从这些div中获取文本，则可以使用.text() ：

$("#output").html($("#one, #two, #three").text())

演示版

Answer 3

要么：

$("#output").html(function() {
  var html = [];
  $("#one,#two").each(function() {
     html.push(this.innerHTML);
  });
  return html.join("");
});

Answer 4

如果有很多元素：

$("#output").html(
  $(selector_for_many_elements).map(function () {
    return $(this).html();
  }).get().join(', ');
);