jquery nextUntil包含匹配的元素

Question

我有一些HTML，我希望用div包装一些元素。

最终结果应该是每个 function setCert(cert){ $.ajax({ url: '/Home/CommunitiesLanding/' + cert, type: "GET", traditional: true, contentType: "application/json", success: function () { console.log('success!!'); } }); ，--greystart--将包含在--greyend--中，包括匹配的元素本身。

我已经看过div和.addBack()，但无法正常使用。这就是我所管理的

＆＃13;

＆＃13;

.addSelf()

＆＃13;

if($('.event_description:contains("--greystart--")')) {
  $('p:contains("--greystart--")').each(function(i){
$(this)
  .nextUntil('p:contains("--greyend--")')
  .addBack()
  .wrapAll('<div class="bg--grey" />')
  });
};

＆＃13;

.bg--grey {background: red;}

＆＃13;

＆＃13;

＆＃13;

Answer 1

只需使用相邻的兄弟选择器即可包含它旁边的<p>：

.nextUntil('p:contains("--greyend--") + p')

请参阅Fiddle