jQuery.each - 在 ul 中获取 li 元素
我的页面上有这个 HTML:
<div class="phrase">
<ul class="items">
<li class="agap"><ul><li>TEXT1</li></ul></li>
<li class="agap"><ul> </ul></li> <!-- empty ul -->
<li class="aword">TEXT2</li>
..
</ul>
</div>
<div class="phrase"> ... </div>
我想为每个“短语”获取文本变量中“items”中的所有元素,如下所示:
var string = "TEXT1 - BLANK - TEXT2";
我目前有这个 javascript 代码:
<script>
$(function() {
$('.phrase .items').each(function(){
var myText = "";
// At this point I need to loop all li items and get the text inside
// depending on the class attribute
alert(myText);
});
};
</script>
How can I iterate all < li>
位于 .items
内?
我尝试了不同的方法,但没有得到好的结果。
I have this HTML on my page:
<div class="phrase">
<ul class="items">
<li class="agap"><ul><li>TEXT1</li></ul></li>
<li class="agap"><ul> </ul></li> <!-- empty ul -->
<li class="aword">TEXT2</li>
..
</ul>
</div>
<div class="phrase"> ... </div>
I would like to get for each "phrase" all the elements in "items" in a text variable, like this:
var string = "TEXT1 - BLANK - TEXT2";
I currently have this javascript code:
<script>
$(function() {
$('.phrase .items').each(function(){
var myText = "";
// At this point I need to loop all li items and get the text inside
// depending on the class attribute
alert(myText);
});
};
</script>
How can I iterate all <li>
inside .items
?
I was trying different ways but I didn't get good results.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
![扫码二维码加入Web技术交流群](/public/img/jiaqun_03.jpg)
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
首先,我认为您需要修复列表,因为
的第一个节点必须是
(stackoverflow 参考)。设置完成后,您可以执行以下操作:
工作 jsfiddle。
一件事是,如果您获得上层
li
的.text()
,您将获得所有子级别文本。保留一个数组将允许提取许多多个短语。
编辑:
这对于没有
LI
的空UL
应该效果更好:First I think you need to fix your lists, as the first node of a
<ul>
must be a<li>
(stackoverflow ref). Once that is setup you can do this:Working jsfiddle.
One thing is if you get the
.text()
of an upper levelli
you will get all sub level text with it.Keeping an array will allow for many multiple phrases to be extracted.
EDIT:
This should work better with an empty
UL
with noLI
:给出了高票数和观点的答案。我确实通过混合此处和其他链接找到了答案。
我有一个场景,如果未选择患者,所有与患者相关的菜单都会被禁用。 (请参阅链接 - 如何使用 JavaScript 禁用 li 标签 )
因此,我没有编写长代码,而是通过 CSS 找到了一个有趣的解决方案。
Given an answer as high voted and views. I did find the answer with mixed of here and other links.
I have a scenario where all patient-related menu is disabled if a patient is not selected. (Refer link - how to disable a li tag using JavaScript)
So rather than write long code, I found an interesting solution via CSS.