1

完成した文字列をDOMに書き込む前に、HTML文字列の前後にHTML文字列を挿入しようとしています。これが私がこれまでに持っているものです：

var Hello = '<p id="1234">Hello</p>'; 
var $Hello = $(Hello);
var $HelloGoodbye = $Hello.after('<p>Goodbye</p>');
$('#content').append($HelloGoodbye);

その結果、私の#contentdivはHelloフラグメントのみを追加します。

前もって感謝します！

4

3 に答える 3

1

問題は、が要素$Helloへの参照であるためです。<p>'Goodbye'<p>を最初の外に置いているので、$Hello変数は影響を受けません。それらを単一の変数にしたい場合は、2つをグループ化する何らかの方法が必要です。これを試して：

var $hello = $('<div></div>');
$hello.append('<p id="1234">Hello</p>');
$hello.append('<p>Goodbye</p>');
$('#content').append($hello);

フィドルの例

于 2012-04-26T15:21:50.590 に答える
0

要素の後にさようならを置くと、それは要素に含まれません。交換してみませんか

var $HelloGoodbye = $Hello.after('<p>Goodbye</p>');

と

var $HelloGoodbye = $Hello.append('<p>Goodbye</p>');

幸運を！

于 2012-04-26T15:22:13.600 に答える
0

.after（）は、選択した要素の親にコンテンツを追加します。あなたの場合、$ Helloはどの要素にも追加されないため、.after（）は効果がありません。最後の2行を切り替えると、＃contentに「Goodbyetoo」が追加されます。

これがjsFiddleです：http：//jsfiddle.net/5xQZV/1/

</ p>

于 2012-04-26T15:22:27.617 に答える