如何使用jQuery选择元素的所有先前兄弟姐妹?

卢卡·克拉恩克(Luka Krajnc)

假设我有一个包含下一个内容的div:

<div id="divOne">
    <p>one</p>
    <p>two</p>
    <div id="aggregatedDiv"></div>
    <p> three </p>
</div>

那么有什么方法可以删除前三个元素?我不知道元素的数量。我只想删除所有内容,然后再id="aggregatedDiv"包含它。

我必须将结果作为html附加到其他div。

$("#otherDiv").append(resultOfSlicedDivOneHtml);
穆罕默德

您可以.prevAll()用来选择元素的所有先前同级,并且可以.addBack()用来将先前的选择器(#aggregatedDiv添加到所选元素的当前集合中。

$("#aggregatedDiv").prevAll().addBack().css("color", "red");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="divOne">
    <p>one</p>
    <p>two</p>
    <div id="aggregatedDiv">#</div>
    <p> three </p>
</div>

如果要将选定元素添加到另一个元素,请使用底部示例:

$("#aggregatedDiv").prevAll().addBack().appendTo("#divTwo");
#divTwo {color: red;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="divOne">
    <p>one</p>
    <p>two</p>
    <div id="aggregatedDiv">#</div>
    <p> three </p>
</div>
<div id="divTwo"></div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用jQuery选择元素的所有先前兄弟姐妹?

来自分类Dev

如何使用jQuery为一个兄弟姐妹元素的所有父母添加类

来自分类Dev

通过使用BeautifulSoup选择所有div兄弟姐妹

来自分类Dev

如何使用jQuery选择某个元素类型的第一个兄弟姐妹?

来自分类Dev

如何使用XPath查找所有紧邻的兄弟姐妹

来自分类Dev

如何检查是否使用jQuery检查了所有兄弟姐妹(包括选定的)?

来自分类Dev

选择两个节点之间的所有兄弟姐妹(不包括兄弟姐妹)

来自分类Dev

选择除兄弟姐妹和自我之外的所有元素

来自分类Dev

JQuery,如何根据元素相对于兄弟姐妹的位置来选择元素?

来自分类Dev

jQuery选择除自身以外的所有兄弟姐妹和孩子

来自分类Dev

选择 $(this) 元素的父级的兄弟姐妹

来自分类Dev

我如何获得所有兄弟姐妹的数据属性?

来自分类Dev

如何使用jquery遍历上一个兄弟姐妹的元素而不是下一个兄弟姐妹的元素?

来自分类Dev

如何使用Selenium通过XPath选择兄弟姐妹的孩子?

来自分类Dev

如何使用SQL闭合表模式获取所有兄弟姐妹(不带子查询!)

来自分类Dev

使用jQuery创建具有兄弟姐妹的嵌套div

来自分类Dev

如何使用jQuery找到父母的兄弟姐妹

来自分类Dev

仅当CSS中有Y个兄弟姐妹时,才如何定位最后N个兄弟姐妹元素?

来自分类Dev

jQuery兄弟姐妹如何删除类?

来自分类Dev

jQuery兄弟姐妹如何删除类?

来自分类Dev

删除右侧的所有兄弟姐妹,但不删除左侧的所有兄弟姐妹

来自分类Dev

删除右侧的所有兄弟姐妹,但不删除左侧的所有兄弟姐妹

来自分类Dev

一堂课后如何将所有兄弟姐妹包装在一起?(jQuery的)

来自分类Dev

如果其中一个具有特定类,则选择所有兄弟姐妹

来自分类Dev

绝对定位一个兄弟姐妹时如何保留兄弟姐妹元素的位置?

来自分类Dev

XPath / XSLT选择所有兄弟姐妹,包括自我

来自分类Dev

选择元素后具有特定类别的第一个兄弟姐妹

来自分类Dev

最后一个元素在绝对位置上破坏所有兄弟姐妹

来自分类Dev

CSS:如何仅选择元素后的第一个非相邻兄弟姐妹

Related 相关文章

  1. 1

    如何使用jQuery选择元素的所有先前兄弟姐妹?

  2. 2

    如何使用jQuery为一个兄弟姐妹元素的所有父母添加类

  3. 3

    通过使用BeautifulSoup选择所有div兄弟姐妹

  4. 4

    如何使用jQuery选择某个元素类型的第一个兄弟姐妹?

  5. 5

    如何使用XPath查找所有紧邻的兄弟姐妹

  6. 6

    如何检查是否使用jQuery检查了所有兄弟姐妹(包括选定的)?

  7. 7

    选择两个节点之间的所有兄弟姐妹(不包括兄弟姐妹)

  8. 8

    选择除兄弟姐妹和自我之外的所有元素

  9. 9

    JQuery,如何根据元素相对于兄弟姐妹的位置来选择元素?

  10. 10

    jQuery选择除自身以外的所有兄弟姐妹和孩子

  11. 11

    选择 $(this) 元素的父级的兄弟姐妹

  12. 12

    我如何获得所有兄弟姐妹的数据属性?

  13. 13

    如何使用jquery遍历上一个兄弟姐妹的元素而不是下一个兄弟姐妹的元素?

  14. 14

    如何使用Selenium通过XPath选择兄弟姐妹的孩子?

  15. 15

    如何使用SQL闭合表模式获取所有兄弟姐妹(不带子查询!)

  16. 16

    使用jQuery创建具有兄弟姐妹的嵌套div

  17. 17

    如何使用jQuery找到父母的兄弟姐妹

  18. 18

    仅当CSS中有Y个兄弟姐妹时,才如何定位最后N个兄弟姐妹元素?

  19. 19

    jQuery兄弟姐妹如何删除类?

  20. 20

    jQuery兄弟姐妹如何删除类?

  21. 21

    删除右侧的所有兄弟姐妹,但不删除左侧的所有兄弟姐妹

  22. 22

    删除右侧的所有兄弟姐妹,但不删除左侧的所有兄弟姐妹

  23. 23

    一堂课后如何将所有兄弟姐妹包装在一起?(jQuery的)

  24. 24

    如果其中一个具有特定类,则选择所有兄弟姐妹

  25. 25

    绝对定位一个兄弟姐妹时如何保留兄弟姐妹元素的位置?

  26. 26

    XPath / XSLT选择所有兄弟姐妹,包括自我

  27. 27

    选择元素后具有特定类别的第一个兄弟姐妹

  28. 28

    最后一个元素在绝对位置上破坏所有兄弟姐妹

  29. 29

    CSS:如何仅选择元素后的第一个非相邻兄弟姐妹

热门标签

归档