3

たとえば、次のようなリストタイトルがあります<li id="example"> title </li>。そして、ボタンをクリックするだけで「追加」したい場所は次のとおりです。<ol id="playlist"> </ol>

ボタンは次のとおりです。<span onClick="Button();"><a href="#"> Button </a></span>

関数は次のとおりです。

Button=function() {
  $('#playlist').append('#example');
}

なぜそれが機能しないのかわかりません。つまり、.append（'title'）を作成すると、つまりプレーンテキストだけで、そのテキストがタグに追加されますが、タグ全体を追加しようとすると、 IDではありませんか？代わりに、私が望むものではない「#example」を追加します。申し訳ありませんが、私はまだこの言語を理解しようとしていますが、私は正直にインターネット全体を検索して偵察し、これに対する答えを見つけようとしました。

4

3 に答える 3

0

これを試して：

$('#playlist').append($('#example'));

フィドル

アップデート：

この方法を使用できます。clone()これを試してください。

$('#example').clone().attr('id', 'something').appendTo($('#playlist'))

フィドル

于 2012-08-18T18:22:57.513 に答える
0

li全体を追加する必要があるため、解決策は次のようになります。

function Button() {
  var $li = '<li id="example"> title </li>';
  $('$playlist').append($li);
}
于 2012-08-18T18:23:34.040 に答える
0

.append（content [、content]）

コンテンツ：一致した要素のセットの各要素の最後に挿入するDOM要素、HTML文字列、またはjQueryオブジェクト。..。

#examplejQueryは、HTML文字列を文字通り追加していることを前提としています。他の2つのオプションのいずれかを使用します。例：

$('#playlist').append($('#example')); // append a jQuery object

完全を期すために：

$('#playlist').append(document.getElementById('example')); // append a DOM element
于 2012-08-18T18:37:08.333 に答える