blocks|key|648869|text|键入$(this)将返回jQuery元素，而不是HTML元素。然后，这取决于你想在click事件中做什么。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|648870|alert($(this));|648871|entityMap^0|2|7|0|0|F|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|P|8|@]|D|@]|E|$]]]|I|$]]

Typing in <code>$(this)</code> will return the jQuery element instead of the HTML Element. Then it just depends on what you want to do in the click event.

<code>alert($(this));</code>

blocks|key|866224|text|我不太确定您的问题是什么，但是要获得li元素的文本，您可以使用：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|866225|$(this).text();|866226|要获取元素的id，可以使用.attr('id');。一旦你有了对你想要的元素的引用(例如$(this))，你就可以对它执行任何jQuery函数。|866227|entityMap^0|I|2|0|0|F|0|6|2|D|C|18|7|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@]|E|$]]|$1|J|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|K|$]]

I'm not really sure what your question is, but to get the text of the <code>li</code> element you can use:

<code>$(this).text();</code>

And to get the <code>id</code> of an element you can use <code>.attr('id');</code>. Once you have a reference to the element you want (e.g. <code>$(this)</code>) you can perform any jQuery function on it.

blocks|key|648967|text|this是一个HTML元素。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|648968|$(this)是一个封装了jQuery元素的HTML对象。|648969|使用$(this).text()检索元素的内部文本。|648970|我建议您参考jQuery+API+documentation以获取更多信息。|648971|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/^0|0|4|0|0|7|0|2|E|0|6|O|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|J|3|K|5|6|7|12|8|@]|D|@$9|13|A|14|1|15]]|E|$]]|$1|L|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|M|$N|$5|O|P|Q|E|$R|S]]]]

<code>this</code> is a HTML element. 
<code>$(this)</code> is a jQuery object that encapsulates the HTML element.

Use <code>$(this).text()</code> to retrieve the element's inner text.

I suggest you refer to the <a href="http://api.jquery.com/" rel="nofollow">jQuery API documentation</a> for further information.

blocks|key|866356|text|这里，获取触发事件的菜单的文本(似乎没有任何id)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|866357|+$(document).ready(function()+
+{
++++$('ul.art-vmenu+li').click(function(e)+
++++{+
+++++alert($(this).find("span.t").text());
++++});
+});|code-block|syntax|javascript|866358|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here, to get the text of the menu that triggered the event (does not seem to have any id):

<pre><code> $(document).ready(function() 
 {
 $('ul.art-vmenu li').click(function(e) 
 { 
 alert($(this).find("span.t").text());
 });
 });
</code></pre>

blocks|key|866433|text|您可以使用jQuery的attrib函数获取ID或任何其他属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|866434|$('ul.art-vmenu+li').attrib('id');|code-block|syntax|javascript|866435|要获取t+span中的菜单文本，可以执行以下操作：|866436|$('ul.art-vmenu+li').children('span.t').html();|866437|要更改HTML也很简单：|866438|$('ul.art-vmenu+li').children('span.t').html("I'm+different");|866439|当然，如果您想首先获得所有的span.t，那么做起来会更简单：|866440|$('ul.art-vemnu+li+span.t').html();|866441|但我假设您已经获得了li，并希望使用child()在该元素中查找某些内容。|866442|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|12|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|14|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

You can get the ID, or any other attribute, using jQuery's attrib function.

<pre><code>$('ul.art-vmenu li').attrib('id');
</code></pre>

To get the menu text, which is in the t span, you can do this:

<pre><code>$('ul.art-vmenu li').children('span.t').html();
</code></pre>

To change the HTML is just as easy:

<pre><code>$('ul.art-vmenu li').children('span.t').html("I'm different");
</code></pre>

Of course, if you wanted to get all the span.t's in the first place, it would be simpler to do:

<pre><code>$('ul.art-vemnu li span.t').html();
</code></pre>

But I'm assuming you've already got the li's, and want to use child() to find something within that element.

I have the following menu items generated by a template generator, artisteer:

<pre><code>&lt;ul class="art-vmenu"&gt;

&lt;li&gt;&lt;a href="#" &gt;&lt;span class="l"&gt;&lt;/span&gt;&lt;span class="r"&gt;&lt;/span&gt;
 &lt;span class="t"&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; 
&lt;li&gt;&lt;a href="#" &gt;&lt;span class="l"&gt;&lt;/span&gt;&lt;span class="r"&gt;&lt;/span&gt;
 &lt;span class="t"&gt;Create User&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; 
&lt;li&gt;&lt;a href="#" class="active"&gt;&lt;span class="l"&gt;&lt;/span&gt;&lt;span class="r"&gt;&lt;/span&gt;
 &lt;span class="t"&gt;List Users&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; 
&lt;li&gt;&lt;a href="#"&gt;&lt;span class="l"&gt;&lt;/span&gt;&lt;span class="r"&gt;&lt;/span&gt;
 &lt;span class="t"&gt;Admin&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; 
&lt;/ul&gt;
</code></pre>

I want to capture the onclick event for <code>&lt;li&gt;</code> with a single jQuery function:
I've tried this which is incomplete:

<pre><code>$(document).ready(function() 
{
 $('ul.art-vmenu li').click(function(e) 
 { 
 alert(this);
 });
});
</code></pre>

I can go as far as seeing this is a HTMLliElement but cannot figure how to get the menu text or id for it? 

How is menu click usually captured with jQuery?

jQuery onclick event for <li> tags

jQuery

我有一个模板生成器artisteer生成的以下菜单项：<ul class="art-vmenu"><li><a href="#" > Home</a></li> ...

问<li>标签的jQuery onclick事件
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问<li>标签的jQuery onclick事件EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问<li>标签的jQuery onclick事件
EN