jQuery在两个字符串标识符之间选择HTML

jQuery select HTML between two string identifiers

本文关键字：标识符 字符串 之间 选择 HTML 两个 jQuery      更新时间：2023-09-26

我正在尝试制作一个图像幻灯片，我所拥有的只是一个用于输入图像和文本的富文本编辑器。因此，从这个html:

<h1>title</h1>
<p>description...</p>
<p>#slider</p>
<p><img src="a.jpg" /></p>
<p><img src="b.jpg" /></p>
<p><img src="c.jpg" /></p>
<p>#end-slider</p>

如何在#slider和#end slider之间选择html？

这是一个类似于在博客评论中提取[link]和[/link]之间的文本的概念，例如：[link]http://google.com[/link]

$(document).ready(function() {
    $('p:contains("#slider")')
      .nextUntil('p:contains("#end-slider")')
      .wrapAll("<div id='stuff'></div>");
    var required = $('#stuff').html();
});

http://jsfiddle.net/483kL/

试试这个：

$('p:contains("#slider")').nextUntil('p:contains("#end-slider")')

更新：

var end = $('p:contains("#end-slider")');
$('p:contains("#slider")').nextUntil(end).andSelf().add(end)

http://jsfiddle.net/63kQC/

试试这个

$(document).ready(function(){
   $('p:contains("#slider")').nextUntil('p:contains("#end-slider")');
});
相关文章：