dynamic - id を持つ div の存在を確認し、いくつかの html コードを挿入します

Question

特定のdivのすぐ下に何かを挿入するにはどうすればよいですか?

私のページには jwplayer があり、通常は jwplayer-1 の ID が wordpress の jwplayer プラグインによって挿入されています。

私ができるようにしたいのは、存在する場合はそのすぐ下に div を挿入することです。

たとえば、私のページにプレーヤーがある場合、ページのどこかにプレーヤーがあります

<div id="jwplayer-1>Player will appear here</div>

私ができるようにしたいのは、その行が存在するかどうかを確認することです。存在する場合は、別の div を挿入して、コードが次のようになるようにします。

<div id="jwplayer-1>Player will appear here</div>
<div id="viewcount">Total Views: <?php showviews()?></div>

ありがとう

Answer 1

できるよ：

$('<div id="viewcount">Total Views: X</div>').insertAfter($('#jwplayer-1'));

Answer 2

div を別の div 内に配置する場合は、jQuery の append メソッドを使用できます。

html:

<div id="container">
    <div id="jwplayer-1>Player will appear here</div>
</div>

JavaScript:

$('.container').append('<div id="viewcount">Total Views: <?php showviews()?></div>');

ソース:

http://api.jquery.com/append/