Question

我正在尝试制作图片的幻灯片，我所拥有的只是一个富文本编辑器来输入图像和文本。所以从这个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]

Answer 1

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

http://jsfiddle.net/483kL/

Answer 2

试试这个：

$('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/

Answer 3

试试这个

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

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

3 个答案: