通过jQuery访问被单击的元素的<li>的最简单方法是什么？
通过jQuery访问被单击的元素的最简单方法是使用事件委托（Event delegation）来监听元素的点击事件，并使用$(this)来获取当前被点击的元素。具体步骤如下：
- 使用
on()方法来监听被点击元素的父元素的点击事件。例如，假设被点击的元素位于一个id为container的容器内，可以使用以下代码： - 使用
on()方法来监听被点击元素的父元素的点击事件。例如，假设被点击的元素位于一个id为container的容器内，可以使用以下代码： - 这里通过事件委托方式将点击事件绑定到
#container父元素上，第二个参数'li'表示只监听li元素的点击事件。 - 在点击事件处理函数中，使用
$(this)来获取当前被点击的li元素。可以将其保存到一个变量中以后使用。 - 在点击事件处理函数中，使用
$(this)来获取当前被点击的li元素。可以将其保存到一个变量中以后使用。
通过以上步骤，我们可以轻松地访问被单击的<li>元素。根据具体需求，可以在点击事件处理函数中进行其他操作，如修改样式、获取/设置元素属性、进行数据处理等。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（Elastic Cloud Server，ECS）：https://cloud.tencent.com/product/cvm
- 云原生容器服务（Tencent Kubernetes Engine，TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Platform）：https://cloud.tencent.com/product/aai
- 云数据库 MySQL 版（TencentDB for MySQL）：https://cloud.tencent.com/product/tcdb_mysql
- 音视频处理（Tencent Real-Time Communication Server，TRTC）：https://cloud.tencent.com/product/trtc
- 移动应用安全服务（Tencent Mobile Application Security Service，MSaaS）：https://cloud.tencent.com/product/msaas
相关·内容
3回答
我已经使用jQuery创建了一个汉堡菜单。我还创建了另一个jQuery函数，当单击链接时，它会自动将页面向下滚动到锚点位置。现在，我需要汉堡菜单函数做的是在单击其中一个auto_close类链接时关闭。
<nav>
<img class="logo_animated" src="images/popsies.svg">
<ul id="height">
<li class="auto_close">&l
浏览 0提问于2017-03-29得票数 0
我有一个具有相同类的元素列表。当我点击它的时候，我想得到确切的元素。当我点击first element时，我得到了正确的答案，而当我单击嵌套元素(例如first sub element)时，我得到了两个结果：first sub element和first element。我不明白的是，当我单击一个元素时，难道我不应该只得到这个事件被触发的元素吗？我只想得到first sub element当我点击那个李。我怎样才能得到这个结果？
$(document).on('click', "li.category", function(){
alert($(this
浏览 4提问于2021-08-09得票数 0
回答已采纳
5回答
更改已访问链接的图像源
、、、
我有一个包含几个条目的列表。
<ul>
<li>
<a href="http://url" title="The Title">
<img src="/badge-unvisited.png" alt="" border="0" />
</a>
</li>
<!-- etc. -->
</ul>
我不想使用jQuery，所以它只需要CSS。当图片被访问时，改变图片的src最好、最简单的方法
浏览 2提问于2011-10-22得票数 0
回答已采纳
我有一些遗留代码中的菜单，如下所示：
<div id="show-hide-facets-button">iOS/Touch Browser Popdown Test
<div id="show-hide-facets-dropdown">
<ul>
<li class="show-hide-facets-row" id="item1">Item One</li>
<li class="show-hid
浏览 3提问于2013-12-29得票数 0
回答已采纳
3回答
我有以下代码片段，并要求只显示前2个<LI>和隐藏所有其他<LI>。我怎么才能得到这个呢？我基本上需要使用jquery在单击按钮时切换显示和隐藏。
代码片段：
<UL>
<LI/>
<LI/>
<LI/>
<LI/>
<LI/>
</UL>
浏览 1提问于2012-01-25得票数 0
回答已采纳
我是jQuery的一个菜鸟，一直坚持这样做。我从PHP页面输出了以下HTML代码：
<ul class="cats">
<li><span><a href="cant_post_link_yet1">Lifestyle</a></span></li>
<li><span><a href="cant_post_link_yet2">Entertainment</a></span></li>
浏览 3提问于2010-03-12得票数 1
回答已采纳
有没有办法用jquery mobile在可折叠的div中禁用扩展？我使用的是jqm版本1.2.1。非常感谢。
默认状态，我需要在单击例如about_ats之后的状态：
单击后状态我不想在单击后显示间隔：
HTML：
<div id="about_ats" data-role="collapsible">
<h3>About ATS</h3>
{*<ul data-role="listview" data-inset="true">
浏览 1提问于2014-03-18得票数 0
3回答
将背景色变回jquery
、、、、
我正在写一个网页和这个网页有一个菜单，改变它的背景颜色，同时被点击。我正在使用jquery进行此操作。现在我只是在做菜单本身的工作。然而，我遇到了一个问题。我在列表中的菜单项在我点击后确实会改变颜色。但是，单击另一个按钮后，我希望前面的更改消失而不会导致回发。有没有人知道怎样做呢？
这是我的密码
<form id="form1" runat="server">
<div>
<link href="Content/TreeViewCss.css" rel="stylesheet" />
浏览 3提问于2014-09-04得票数 0
回答已采纳
嗨，我有孩子ul和父li，它是jquery的目标，jquery将类“显示”在其中的单击事件中。我面临的问题是，由于某种原因，当我单击子类ul li元素时，它也会触发该事件。如何防止这种情况发生？
这是我的密码。
<script>
$(document).ready(function() {
$('.dropdown').click(function(e) {
e.stopPropagation();
$(this).toggleClass('shown');
浏览 4提问于2015-04-16得票数 3
回答已采纳
6回答
我想选择一个父H2依赖于单击的元素示例：
<ul><h2>Title1</h2>
<li>Test</li>
<li>sub menu
<ul>
<li><a href="#">link1</a></li>
</ul>
</li>
</ul>
<br/>
<ul><h2>Title2</h
浏览 1提问于2012-12-13得票数 2
回答已采纳
我正在做一个边菜单，当单击父li元素时，该菜单隐藏并显示一个子菜单，我几乎完成了。问题是，如果单击li子菜单(向下两层)，它也会隐藏子菜单。
父级应该是唯一能够触发事件的。
这里有一个Html、CSS和JavaScript (JQuery)的简化版本：
$( document ).ready( function () {
$( "li.has-submenu" ).on( 'click', function (e) {
if( $("#submenu").hasClass( "hides" ) ){
$
浏览 3提问于2017-06-06得票数 0
回答已采纳
我试图循环遍历一个list标记，收集所有元素，如果某个特定项与给定的字符串匹配，则单击它。
HTML代码是：
<ul multiple="multiple" name="optionsTab" taborder="1" class="focus">
<li value="2" selected="selected">option1</li>
<li value="5" selected="selected">
浏览 4提问于2013-10-02得票数 0
回答已采纳
8回答
My CodePen:
我有一个数组，它包含5个项：
var home = {
faqmenu : ['faq-general',
'faq-protecting',
'faq-search',
'faq-incoming',
'faq-requests']
};
而我的简单列表菜单在标记中，我使用标记data-pane来指示单击了哪个按钮。然后，在我的jQuery
浏览 11提问于2013-06-20得票数 0
回答已采纳
当我单击主类别时，它会显示子类别。单击子类别后，它会打开子类别中的所有子项。对于该特定主类别中的所有给定子类别，如果我只单击1个子类别，它应该只显示1个类别的子项。
$(document).ready(function() {
$("a.main-category").click(function() {
$(this).next("div.sub-category").toggle();
});
$("a.show-item").click(function() {
$("ul.show-subitem
浏览 0提问于2019-10-08得票数 0
我有一个链接(比方说A)，一旦侧导航栏上的选项悬停在上面，它就会变成另一个链接(B)。单击链接A时，colorbox效果效果很好。然而，当点击B时(鼠标移过后)，效果就消失了。
为了将问题分解为基本问题，我在下面输入了一些代码：
<script>
jQuery(document).ready(function () {
$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
});
</script&
浏览 1提问于2013-05-25得票数 0
对于这个特殊的挑战，我需要切换已经为两个给定列表中的所有<li>元素创建的类的成员资格(同时)。如果两个列表中的<li>元素当前都没有分配给该类，则为其分配类；如果两个列表中的<li>元素当前分配给该类，则类将被移除。每次单击按钮时，都会添加和删除类(例如，在第一次单击时，可以添加类--然后在第二次单击时，类可以被删除，等等)。
我被要求做这个特殊的任务，特别是在正常的JavaScript。虽然我知道jQuery是一个更容易的选择，但是我被要求用普通的JavaScript来执行这个任务。
当我按下按钮时，css类将按预期的方式应用(在这里，字体系列、字体大小
浏览 3提问于2012-09-21得票数 2
回答已采纳
2回答
关注引导下拉列表
、、、、
我使用的是一个引导下拉列表，我想把重点放在下拉列表上，这样我就可以使用键盘导航列表。使用jquery的方法是什么？我尝试使用$('#myULid').focus()，但这不起作用。
我可以打开下拉列表，但不能专注于它。
<button id="time_btn" type="button"
class="btn btn-reverse dropdown-toggle"
data-toggle="dropdown">
浏览 4提问于2014-11-27得票数 1
回答已采纳
因此，如果有人点击类似的链接(原谅玉石)：
div
ul
li
a(href="/foo") Bar
li
a(href="/baz") Foo
假设我点击了"Bar"的链接，我如何以编程的方式在DOM中找到被点击的节点？我可以使用类似于tagName + innerHtml之类的启发式方法，但是DOM本身是否必须有某种方法来识别我以后可以使用普通的javascript/jquery查询的元素？
编辑:请--我们必须假设我们对单击的内容一无所知，但是在单击发生后，我们确实有一个事件对象。有唯一的event.target.
浏览 5提问于2014-01-10得票数 0
回答已采纳
3回答
我正在试用一些样本来学习jQuery。我做了一个例子，当用户单击add按钮时向列表中添加项，并在用户单击列表中的任何项时显示项列表：
代码：
HTML
<div id="sample"></div>
<a id="add" href="#">Add</a>
<ul id="list">
<li>old item</li>
<li>old item</li>
&l
浏览 4提问于2011-12-01得票数 2
回答已采纳
4回答
我的问题和这个一样
我还面临着同样的问题，即href没有被事件“单击”触发，.Then改为alt，元素是span。这是我的密码
<li><h2><span id='aa' alt="#inbox"><span>Inbox</span></span></h2></li>
这句话是ul的第二个孩子。加载页面时，我希望触发/单击这一行。
但是我想知道如何触发这个跨度的(#aa)点击event.Following代码是tried.but没有工作。
第一次尝试：
var h
浏览 5提问于2012-04-19得票数 0
5回答
我将此作为测试工具：
<html>
<script src="jquery-1.7.1.min.js"></script>
<script src="jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("li").click(function () {
浏览 3提问于2012-03-07得票数 0
回答已采纳
1回答
我正在用jQuery做一些东西。例如，有时我在列表中有一堆图像。这是一个水平列表(所以每个图像从左到右显示)。这个列表太大了，以至于页面上只显示了30张图片中的9张(取决于你的屏幕分辨率)。所以我使用jQuery从左向右滑动(如果你的鼠标在屏幕的左边，它会向左滚动，反之亦然)。
为了让它正常工作，我的列表被包装在一个div中。这个div使用999999px的宽度。因此，图像的宽度可以达到999999px，直到显示下一行图像。因为列表会自动列出所有水平内容，直到下一幅图像不再适合该页面，所以下一幅图像将显示在新行中。所以，当我不使用额外的div时，我得到的是一个3x3的“表”。当我把一个宽度为9
浏览 0提问于2011-07-21得票数 0
回答已采纳
2回答
jQuery多代码显示/隐藏闪烁
、、、、
我有三个代码，我正在使用jQuery循环。它运行良好，但问题是，我留下的是一个轻微的闪烁时，滴答被切换。有谁知道这里会有什么问题吗？这是我错过的非常简单的东西吗？
Fiddle:
jQuery
$('document').ready(function(){
var tick1 = $(".tick1");
var tick2 = $(".tick2");
var tick3 = $(".tick3");
tick2.hide();
tick3.hide();
cycle();
function cycle(){
if
浏览 3提问于2016-01-15得票数 1
回答已采纳
2回答
如何通过文本定位导航元素？
、、、、
<li class="nav-item" ng-reflect-ng-class="nav-item,">
<a class="nav-link" href="javascript:void(0);">
<span>By Coordinator & Salesman</span>
<!--bindings={}-->
</a>
</li>
<li class="n
浏览 0提问于2017-04-24得票数 2
我想得到下一个7序列的日期点击向右箭头。我不确定如何引用我的li元素。我试着使用这个和li.append，但它们都不适用于我。
$('.rightarrow').on('click', function() {
var y = 1;
var currentDateCGH = new Date();
var date = currentDateCGH.getDate() + 7;
var monthArr = ["Jan", "Feb", "Mar", "Apr", "Ma
浏览 0提问于2019-11-16得票数 0
我有一个开箱即用的标准视图和一个部分菜单。当我单击Anchor元素进行登录时(其目的是在jquery modal中显示Login，在dialog..in元素之外的div中显示)，jquery函数甚至不会触发。谢谢。
<div class="table-responsive" style="z-index:999">
<nav class="navbar-inverse2" style="text-align:start">
<a href="javascript:void(0)
浏览 0提问于2018-06-15得票数 0
2回答
通过jQuery比较元素
、、、
在这种情况下，我想检查两个元素(一个被点击，另一个是引用)是否相同，我想做的是：
$("#process li").click(function() {
currentElement = $(this);
referenceElement = $("#process li:first-child");
if (currentElement === referenceElement) {
$(".mark").removeClass("mark");
$(this).addClass
浏览 3提问于2015-01-30得票数 1
回答已采纳
我对jquery有一个问题，我想使用向上和向下滑动或者切换，这是我的代码：
<div class="vertical-termekek"> <ul class="nav nav-pills nav-stacked" id="vertical-nav"><p>Termékek</p> <li class="dropdown">
<?php
wp_nav_menu(array(
'contain
浏览 3提问于2016-02-05得票数 1
1回答
我正在创建一个聊天弹出按钮。我想用一个按钮打开和关闭popup/div。 <div class="menu-chat">
<a href="javascript:void(0);" class="float" id="menu-open">
<img src="<?php echo plugin_dir_url( __FILE__ ) . 'buttons/chat.svg'; ?>">
</a>
浏览 15提问于2019-10-08得票数 2
2回答
我正在尝试弄清楚如何在一个页面上多次使用jQuery图片库。大多数(如果不是所有的jQuery画廊)都使用ID来定位主画廊图像并替换该属性。
如何构建一个图库，并且只替换相关的主图库图像？
<div class="gallery">
<div class="main_view">
<img src="092519.jpg" alt="Some Image" />
</div>
<ul class="thumb">
浏览 1提问于2010-11-18得票数 0
回答已采纳
3回答
我想在DIV内的链接被点击时添加一个带有jQuery的向上滑动效果到DIV，但我遇到的问题是DIV的类是由循环定义的。因此，我不能在jQuery行中定义DIV类，因为每个DIV类都是不同的，并且我不能提前确定它们是什么。我正在尝试使用.parent和.child，但我不确定该怎么做。这有什么意义吗？
浏览 1提问于2010-11-10得票数 0
回答已采纳
4回答
我有这样的html代码：
<li>
<a href=''>Example</a> <a href='' class='sub'>Edit</a> <a href='' class='sub'>Delete</a>
</li>
我想删除第一个</a>之后的所有内容，包括空格。最优雅、最简单的方法是什么？我已经通过下面的jquery实现了我的目的：
$('li'
浏览 3提问于2010-09-03得票数 0
回答已采纳
3回答
我有下面的代码，它也包含在中。
<div id="box"><div>click in the box</div></div>
<p>Click a name</p>
<ul>
<li id="id-1">tom</li>
<li id="id-2">jerry</li>
</ul>
<div id="result"></div>
<scr
浏览 2提问于2013-09-27得票数 2
回答已采纳
3回答
我有以下问题。当我单击任何li元素时，它会添加活动的类，但当我单击li元素展开第二级菜单时，它会添加活动的类，这是正确的，但当我单击例如第二级链接时，它会添加活动的类，但其中包含ul的父项li仍然具有活动的类，如何删除这个类？
<ul class="nav-stacked">
<li><a href="#">Link</a>
<li><a href="#">Link 1</a>
<li><a href="#">Link 2&
浏览 1提问于2014-04-10得票数 0
我在<li>'s中有一个文本框列表。如何获取文本框的单击事件？
它们被放置在嵌套的<div>中，如下所示。清单部分是使用jquery动态创建的。但是点击事件并不是像这样触发的。我已经尝试了在dynamic中发布的jquery答案
<div>
<ul>
<li><input type="text"></li>
<li><input type="text"></li>
</ul>
&
浏览 0提问于2013-05-09得票数 0
回答已采纳
6回答
日安！请帮助，如果在嵌套元素中触发单击事件，则使用嵌套的函数，则调用函数和外部父级。如何为内部举办一次活动？
<ul>
<li><a href="#">Item</a></li>
<li><a href="#">Item 2</a>
<ul>
<li><a href="#">Subitem 1</a></li>
浏览 4提问于2013-04-08得票数 0
我有一份清单
<nav>
<ul>
<li>list el</li>
<li>list el</li>
<li>list el
<ul>
<li>inside</li>
<li>inside2</li>
</ul>
</li>
</ul>
</nav>
<section>
<i
浏览 1提问于2014-11-30得票数 0
我正在使用和。用户可以重新排序元素并影响这些元素的内容。我遇到的情况是，我要侦听的可编辑设置的onblur event正在被jQuery可排序侦听器吞没。
用户可以单击Jeditable元素，该元素将变为可编辑元素，但当用户单击可排序的li时，onblur事件将被忽略。如果它们单击li外部，则不会忽略该事件。当他们在li中单击时，我如何使Jeditable意识到模糊事件
这是一个
HTML标记
<ul class="elementlist">
<li id="elementSk_10">
<span clas
浏览 2提问于2012-03-07得票数 5
回答已采纳
我有下面的代码，当addBTS()被调用时，它会动态添加<li>元素。单击处理程序使用jQuery .on单击事件附加到所有当前和将来的<li>元素：
class Toolbar
constructor: () ->
@selected_BTS = undefined
@bts_dropdown_selecion_clickhandler()
addBTS: (name) =>
$('#bts-dropdown').append "<li>#{name}</li>"
浏览 1提问于2013-02-23得票数 0
回答已采纳
我在aspx页面中有一个html图像标记。单击后的图像执行某些jQuery函数。最近，我将该属性添加到图像中，因为我希望根据特定的验证更改图像的来源。但问题是，我不明白为什么当我单击映像时，jQuery函数没有被调用，而当没有属性时，它的工作非常正常。我在网上看过所有可能的解决方案，也试过了，但都没有奏效。
请找到下面的代码，并让我知道我可以做什么，使这一工作。
ASPX页面: Jquery函数和图像标记代码：
<script type="text/javascript" src="<%= ResolveUrl("~/Common/Scripts/j
浏览 0提问于2018-10-24得票数 0
我有这样一种情况，一个类型为radio的元素包含在一个元素中。锚元素有一个href，但我想通过向该元素添加一个jQuery 'click‘处理程序来覆盖该行为。
单击处理程序使其内部的单选按钮成为组中选定的单选按钮。当单击锚点时，这一切都起作用，但是，当单选按钮被单击时，似乎jQuery会将所选的单选重置为先前选择的单选！
这是一个复制了这个问题的简化页面：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js&
浏览 0提问于2011-01-06得票数 3
回答已采纳
1回答
我有两份这样的清单：
<ul id="list1">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<ul id="list2">
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
</ul>
我想单击列表1中的一个项目，让未单击的项目从屏幕
浏览 0提问于2018-09-08得票数 0
回答已采纳
2回答
我试图添加带有jQuery的类到安莉，当它里面的一个跨度选择器被点击的时候。
到目前为止，我所做的是：
jQuery(document).ready(function() {
jQuery('li span').click(function() {
jQuery(this).toggleClass('active');
});
});
<ul>
<li><a href="#">Hello World</a>
<span></span>
&l
浏览 3提问于2015-04-04得票数 1
4回答
我试图生成一些jQuery，它将找到具有class属性的最接近的列表项，并在其后面直接插入一些html？
我有以下几点，但这需要改进..。它从on事件()调用
$('.controls').on('click.add', function()
{
$(this).parent().closest('li.active').insertAfter('<p>HTML</p>');
});
有人能帮忙吗?在这种情况下，我想选择第三个li (基于最后一个‘活动’列表项的类
浏览 11提问于2014-01-27得票数 1
回答已采纳
我试图在jQueryMobile 1.4.2中创建如下内容--即一个包含内容的单选按钮列表，以解释每个选项。这是来自版本1.2的jquery截图，描述文本的大小小于正文文本。
但是，当我从它直接复制他的示例代码时，它的大小不正确，就像这样(其他控件显示的是引用大小)。
这是示例代码
<fieldset data-role="controlgroup">
<input type="radio" name="radio-choice-1" id="radio-choice-1" valu
浏览 0提问于2014-04-07得票数 2
回答已采纳
3回答
我在jQuery中的函数有一个问题。首先，我将解释我正在尝试做的事情。
我在div中有两个元素，p元素和input元素。元素p是可见的，而输入元素保持隐藏。当用户单击p元素时，input元素将出现(显示并聚焦)，p元素将消失(隐藏)。当出现输入字段时，如果用户键入内容并按enter，则会添加一个新的li元素。
这是我当前的代码：
function createFolder() {
// Should be a clickable element
$('#create p').click(function() {
// Hide the p el
浏览 0提问于2012-09-11得票数 0
回答已采纳
2回答
我目前正在为一个用PHP编写的应用程序开发一个解决方案，但是需要一个JS解决方案作为预览链接，并且我被绑定在链接上的onclick事件所困扰。HTML是给定的，不能更改。(所以不要添加类和其他东西，尽管这样会更容易)
我最初的想法是只获取每个li并执行一个可调用的操作，该调用设置事件并定义单击链接时发生的事情的规则。
我不确定获得两个输入值的最佳解决方案是什么，它属于预览链接，因为当我运行上面提到的关于我单击的链接的代码时，最后一个条目被记录下来了。
因此，这基本上是一个问题中的两个问题: 1.如何正确地绑定单击事件。2.如何最佳地访问属于链接的输入
var items = $('
浏览 1提问于2020-06-03得票数 0
回答已采纳
11回答
我使用的是jquery 1.9和jquery UI 1.10
我希望在单击选项卡时能够获得选项卡ID。例如，如果我单击了名为"Second“的选项卡，我希望得到"tabs-2”响应。
到目前为止，我已经完成了以下代码：
<script type="text/javascript">
$(function () {
$("#tabs").tabs({
beforeActivate: function (event, ui) {
alert(/* the id
浏览 0提问于2013-01-24得票数 42
回答已采纳
1回答
我写了一个html页面，只是为了在中尝试mmenu。当我运行代码时，在单击打开菜单之前，我看到的只是普通的html。单击，打开菜单，不会做任何事情。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="JS/jquery-1.11.3.min.js"></script>
<script src="J
浏览 1提问于2016-01-24得票数 0
对于我的应用程序，我使用jQuery UI 动态选项卡。当用户单击选项卡时，我希望更新URL哈希值。
我找到了一些解决方案，比如和。
我尝试的解决方案如下：
Javascript：
$( "#tabs" ).tabs({
select: function(event, ui) {
window.location.hash = ui.tab.hash;
if ( ui.index == 0) // its preloaded
return;
浏览 1提问于2013-10-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
