如何在页面上选择一个文本块,然后在其前面移动一个元素?

杰森·舒尔茨(Jason Shultz)

我有一个div,它将在页面的另一点显示。它并不总是出现在页面上,并且可以根据需要通过CMS添加。正文中会出现一行文字。如果用户决定添加此div,则需要通过jquery将其移到位置。所以,我有这段文字:

<p><strong>Key Facts:</strong></p>

我想使用jquery找到它,然后将另一个div移到它前面。我尝试了几种不同的方法来选择此文本,然后将div移到它前面,但没有任何运气。我发现找到文本的最好方法是执行以下操作:

var foundin = $('*:contains("<p><strong>Key Facts:</strong></p>")');

从那时起,为了将div移到位置,我想我可以像这样:

$('#DivIWantToMove').insertBefore($foundin);

但是,那没有用。我也看了一下:

$( $foundin ).before( $('#DivIWantToMove') );

就像您想象的那样,由于您正在阅读本文,因此也不起作用。所以,我问你,有可能做我想做的吗?我受到我们正在使用的CMS的束缚。我需要移动的DIV将始终在页面上的某个位置,并且我必须移动它。客户端不想添加一个类,<p><strong>Key Facts:</strong></p>所以我对此感到满意。如果我可以上课,<p>那将是非常容易的。我已经做过了 客户不喜欢额外的步骤。有任何想法吗?

th1rdey3

我认为contains选择器仅查找文本,而不是html标签。因此您必须修改您的包含选择器。如果您的html是这样的-

<div>
    <p><strong>Key Facts:</strong>
    </p>
</div>
<div id="move">something something</div>

并且您想将自己移到的<div id='move'>前面p,然后尝试以下操作-

var foundin = $('p:contains("Key Facts")');
var divtomove = $('div#move');
foundin.before(divtomove);

Demo

更新还查看此质量检查:jQuery:包含html除了使用之外,contains您还可以使用其中一种方法。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我应该如何在应用程序的多个页面上显示一个文本块?

来自分类Dev

如何在MS Word的页面边框前面放置一个文本框?

来自分类Dev

如何在第一个孩子前面移动最后一个孩子

来自分类Dev

即使元素嵌套在不同级别上,也要在页面上选择该类型的第一个元素

来自分类Dev

给定一个元素和一个列表,如何在功能上选择列表中后面的元素?

来自分类Dev

创建一个选择功能,在预制页面上选择图像并在您单击它们时弹出警报

来自分类Dev

如何在一个页面上实现多个Dropbox Javascript选择器?

来自分类Dev

在页面上的每个 img 元素之后运行一个脚本块

来自分类Dev

如何将选择元素的值和文本移动到另一个选择元素

来自分类Dev

如何在单击时使元素移动到另一个元素,然后返回到JQuery中的上一个位置?

来自分类Dev

如何在python中将一个元素从列表移动到另一个

来自分类Dev

如何用JavaScript创建一个元素,给它一个ID,然后在其中创建另一个元素?

来自分类Dev

如何在工作表上选择一个特定的单元格?

来自分类Dev

选择页面上具有特定类别的最后一个元素

来自分类Dev

选择页面上具有特定类别的最后一个元素

来自分类Dev

如何在HTML中一个接一个地加载页面元素

来自分类Dev

如何在指令中正确选择一个元素?

来自分类Dev

如何在XPath中选择一个空元素?

来自分类Dev

如何在XPath中选择一个空元素?

来自分类Dev

如何在jquery中选择一个元素?

来自分类Dev

Android:如何在线性布局中使一个元素位于其他元素的前面?

来自分类Dev

如何在div的文本后面放置一个元素?

来自分类Dev

如何转换所有元组的第一个元素,然后在Python中移动一个位置?

来自分类Dev

将块中的元素一个下一个地移动

来自分类Dev

如何选择最后一个元素?

来自分类Dev

如何在多个较小的页面上打印一个较大的页面?

来自分类Dev

如何在我的博客页面上一个接一个地播放随机音乐曲目?

来自分类Dev

在jQuery / AJAX中动态填充的选择元素上选择一个选项

来自分类Dev

如何使用CSS根据页面中另一个元素的状态选择一个元素?

Related 相关文章

  1. 1

    我应该如何在应用程序的多个页面上显示一个文本块?

  2. 2

    如何在MS Word的页面边框前面放置一个文本框?

  3. 3

    如何在第一个孩子前面移动最后一个孩子

  4. 4

    即使元素嵌套在不同级别上,也要在页面上选择该类型的第一个元素

  5. 5

    给定一个元素和一个列表,如何在功能上选择列表中后面的元素?

  6. 6

    创建一个选择功能,在预制页面上选择图像并在您单击它们时弹出警报

  7. 7

    如何在一个页面上实现多个Dropbox Javascript选择器?

  8. 8

    在页面上的每个 img 元素之后运行一个脚本块

  9. 9

    如何将选择元素的值和文本移动到另一个选择元素

  10. 10

    如何在单击时使元素移动到另一个元素,然后返回到JQuery中的上一个位置?

  11. 11

    如何在python中将一个元素从列表移动到另一个

  12. 12

    如何用JavaScript创建一个元素,给它一个ID,然后在其中创建另一个元素?

  13. 13

    如何在工作表上选择一个特定的单元格?

  14. 14

    选择页面上具有特定类别的最后一个元素

  15. 15

    选择页面上具有特定类别的最后一个元素

  16. 16

    如何在HTML中一个接一个地加载页面元素

  17. 17

    如何在指令中正确选择一个元素?

  18. 18

    如何在XPath中选择一个空元素?

  19. 19

    如何在XPath中选择一个空元素?

  20. 20

    如何在jquery中选择一个元素?

  21. 21

    Android:如何在线性布局中使一个元素位于其他元素的前面?

  22. 22

    如何在div的文本后面放置一个元素?

  23. 23

    如何转换所有元组的第一个元素,然后在Python中移动一个位置?

  24. 24

    将块中的元素一个下一个地移动

  25. 25

    如何选择最后一个元素?

  26. 26

    如何在多个较小的页面上打印一个较大的页面?

  27. 27

    如何在我的博客页面上一个接一个地播放随机音乐曲目?

  28. 28

    在jQuery / AJAX中动态填充的选择元素上选择一个选项

  29. 29

    如何使用CSS根据页面中另一个元素的状态选择一个元素?

热门标签

归档