I have got a list structure like the following, I want to take the the text of <li> tags when clicked on the 'cssmenu3' class <ul>s, but the code
我有一个如下所示的列表结构,我想在点击'cssmenu3'类
-
时获取
- 标签的文本,但是代码
Here is the fiddle: http://jsfiddle.net/sadaf2605/74jYb/6/
这是小提琴:http://jsfiddle.net/sadaf2605/74jYb/6/
The code I am trying:
我正在尝试的代码:
$(".cssmenu2 li").click(function () {
$("#hello").append("started");
var optionTexts = [1, 2];
$(this).children().each(function () {
optionTexts.push($(this).text());
});
alert(optionTexts.length);
optionTexts.each(
function () {
$("#hello").append(this);
}
);
});
<div style="float:left; background-color:yellow; width:1200px; height:200px;" id="hello"></div>
<div id="top_cssmenu" style="float:left;">
<div id='cssmenu'>
<ul class="cssmenu1">
<li data-url="news.html" class='active has-sub'><a>Bangladeshi</a>
<ul class="cssmenu2">
<li data-url="news.html"><a href='#'>Artist Name</a>
<ul class="cssmenu3">
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
</ul>
</li>
<li data-url="news.html" class="has-sub"><a href='#'>Artist Name</a>
<ul class="cssmenu3">
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
</ul>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
<ul class="cssmenu3">
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
</ul>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
</li>
<li data-url="news.html" class="has-sub"><a href='#'>Artist Name</a>
</li>
</ul>
</li>
<li class='has-sub menu_news'><a href='#'>West Bengal</a>
<ul class="cssmenu2">
<li data-url="news.html"><a href='#'>Artist Name</a>
<ul class="cssmenu3">
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
</ul>
</li>
<li data-url="news.html" class="has-sub"><a href='#'>Artist Name</a>
<ul class="cssmenu3">
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
</ul>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
<ul class="cssmenu3">
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
</ul>
</li>
</ul>
</li>
<li class='has-sub menu_news'><a href='#'>Other</a>
<ul class="cssmenu2">
<li data-url="news.html"><a href='#'>Artist Name</a>
<ul class="cssmenu3">
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
</ul>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
</li>
<li data-url="news.html" class="has-sub"><a href='#'>Artist Name</a>
</li>
<ul class="cssmenu3">
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
</ul>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
<ul class="cssmenu3">
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
</ul>
</li>
</ul>
</li>
<li data-url="gallery.html" class="has-sub menu_gallery"><a href='#'><span>Gallery</span></a>
<ul class="cssmenu2">
<li data-url="gallery.html"><a href='#'>Artist Name</a>
<ul class="cssmenu3">
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
</ul>
</li>
<li data-url="gallery.html" class="has-sub"><a href='#'>Artist Name</a>
<ul class="cssmenu3">
<li data-url="gallery.html"><a href='#'>Artist sub</a>
</li>
<li data-url="gallery.html"><a href='#'>Artist sub</a>
</li>
</ul>
</li>
<li data-url="news.html"><a href='#'>Artist Name</a>
<ul class="cssmenu3">
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
<li data-url="news.html"><a href='#'>Artist sub</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
2 个解决方案
#1
1
There is no .each function for an array.
数组没有.each函数。
optionTexts.each
You could do
你可以做到
$.each(optionTexts,
function() { $("#hello").append(this); }
);
To use jQuery's .each function over the array
在数组上使用jQuery的.each函数
#2
0
I'm not sure if i understand right but with this you'll get the text of li
我不确定我是否理解正确但是你会得到李的文字
$(".cssmenu2 li").click(function(){
var text = $(this).children().html();
$("#hello").append(text);
});
#1
1
There is no .each function for an array.
数组没有.each函数。
optionTexts.each
You could do
你可以做到
$.each(optionTexts,
function() { $("#hello").append(this); }
);
To use jQuery's .each function over the array
在数组上使用jQuery的.each函数
#2
0
I'm not sure if i understand right but with this you'll get the text of li
我不确定我是否理解正确但是你会得到李的文字
$(".cssmenu2 li").click(function(){
var text = $(this).children().html();
$("#hello").append(text);
});