5

http://jsfiddle.net/motocomdigital/6DeAC/

我喜欢在 div 上添加一些标记。但我需要 pend 出现在我的 div 的子元素之间。这可能吗?

请看我下面的例子。

<div class="bx-wrapper">

    <div class="bx-window">window</div>

    <a href="" class="bx-prev">prev</a>
    <a href="" class="bx-next">next</a>

</div>


所以我需要挂起的 div 出现在这里...

<div class="bx-wrapper">

    <div class="bx-window">window</div>

    <div id="pendHere">pend</div>

    <a href="" class="bx-prev">prev</a>
    <a href="" class="bx-next">next</a>

</div>


任何人都可以帮我解决这个问题,将不胜感激。

在这里看小提琴...... http://jsfiddle.net/motocomdigital/6DeAC/


谢谢

4

2 回答 2

10
$('<div id="pendHere">pend</div>').insertAfter('.bx-wrapper .bx-window');
于 2012-11-04T15:13:31.607 回答
1

像这样尝试 $(pend_element).after('element#id or element.class[n]') :

var elementToPendAfter = $('selector'); 

如果要挂起的元素具有类名以缩短 css 声明的数量或重用单个声明并消除不必要的 css 选择器,jQuery 将返回一个文字对象数组或元素的集合,其中包含元素的 className。反过来,您可以通过调用包含 className 选择器及其在集合中的位置的变量来挑选出任何元素,如下所示:

var specificElement = $(elementToPendAfter[2]); // is the third $(element.class)

var pendElement = $(element#id or element.class[n]);
pendElement.after(specificElement);// one line no hassle :)

这是 jQuery api: jQuery 的 after() API

确保在元素被挂起后检查您的浏览器开发人员工具中的 HTML,以查看它是否在正确的位置。

于 2012-11-04T18:30:10.643 回答