jQuery 获取下一组类？
Posted
技术标签:
【中文标题】jQuery 获取下一组类？【英文标题】：jQuery Get the Next Set of Classes? 【发布时间】：2011-10-13 17:46:43 【问题描述】：我有以下 html
<body>
<div class="myCool">blah</div>
<div class="cool">some text</div>
<div class="cool">some text</div>
<div class="cool">some text</div>
<div class="cool">some text</div>
<div class="myCool">blah</div>
<div class="cool">some text</div>
<div class="cool">some text</div>
<div class="cool">some text</div>
<div class="cool">some text</div>
</body>
我想做的是从 myCool 开始并将其和接下来的 4 个类 cool 包装成 div ？所以看起来像
<div id="1" class="myWrapped">
<div class="myCool">blah</div>
<div class="cool">some text</div>
<div class="cool">some text</div>
<div class="cool">some text</div>
<div class="cool">some text</div>
</div>
<div id="2" class="myWrapped">
<div class="myCool">blah</div>
<div class="cool">some text</div>
<div class="cool">some text</div>
<div class="cool">some text</div>
<div class="cool">some text</div>
</div>
有什么办法可以做到这一点吗？
【问题讨论】：
ID 属性总是应该以字母开头：w3.org/TR/html4/struct/global.html#adef-id 【参考方案1】：试试
$(".myCool").each(function(i)
$(this).nextUntil(".myCool").andSelf().wrapAll("<div id='" + (i+1) + "' class='myWrapped'></div>");
);
【讨论】：
不错的解决方案，不过忘记了 ID！ 你先生 - 是一个传奇！谢谢 - 我缺少的是.andSelf() :) 添加id 也是首选吗？怎么样.each(function(i) ..... <div id="' + i + '" ...
@KevinB - 只是一个问题 - 如果我只想为 1 "set" 做这件事？我该怎么办？即从.mycool 到.cool x4 但没有第二个等，即需要喜欢使用 .next('cool')` 之类的东西来获得 4x 或其他东西或？
@Andy - 不要使用.each。 $(".myCool").nextUntil(".myCool").etc...
@KevinB - 感谢您的回复！不，但我的意思是 - 如果我没有下一个 .myCool - 即我只有 .myCool, .cool x4【参考方案2】：
你可以这样做
jQuery("<div class='myCool'>blah</div>").appendTo('body');
for(var i=0; i<4;i++)
jQuery('<div class="cool">some text</div>').appendTo('.myCool');
【讨论】：
-1 根本不回答问题以上是关于jQuery 获取下一组类？的主要内容，如果未能解决你的问题，请参考以下文章
jquery 获取一组元素的选中项 - 函数jquery获取复选框值jquery获取单选按钮值