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/