1

私は次の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>

<strong>jQuery:

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

1 つのセレクターで動作させることができます。私がやろうとしているのは、複数のセレクターを使用することです。間違った方法で行っているようです。誰かが私を正しい方向に向けることができますか?

ありがとう

4

4 に答える 4

7

.html()セレクター ルールに一致する最初の要素からのみコンテンツを取得します。

一致した要素のセットの最初の要素の HTML コンテンツを取得します。

ソース: http://api.jquery.com/html/

2 つの要素からコンテンツが必要な場合は、次のようにする必要があります。

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

デモを参照してください: http://jsfiddle.net/sshg7/2/

于 2012-08-15T10:05:57.443 に答える
3

.text()これらの div からテキストのみを取得したい場合に使用できます。

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

デモ

于 2012-08-15T10:07:38.440 に答える
0

多くの要素がある場合:

$("#output").html(
  $(selector_for_many_elements).map(function () {
    return $(this).html();
  }).get().join(', ');
);
于 2012-08-15T10:22:10.133 に答える
0

また：

$("#output").html(function() {
  var html = [];
  $("#one,#two").each(function() {
     html.push(this.innerHTML);
  });
  return html.join("");
});
于 2012-08-15T10:10:28.827 に答える