jquery点击li,jQuery点击事件

jquery的应用，点击 li标签触发a跳转，点击相同的li两次报错

可能你第二次点击的不是li元素，而是li元素中的a标签，

无论点击li还是a，都是会触发你写的那个click事件的

你写的方法明显是必须点击li才可以，点击a就会报错了

正常a标签点击就是会跳转页面的，为什么还要写事件去支持出发它

如果你非要你那么写，click事件里面要首先判断 点击触发的是什么元素，

通过 event.target||event.srcElement获取，判断如果是li执行你上面写的代码，如果是a，你就重新写下逻辑。

相关问答

Q1: jquery 点击li把本身的li放在第一位 （触发出错）

!DOCTYPE html

html lang="en"

head

meta charset="UTF-8"

titleDocument/title

/head

body

ul id="list"

li1/li

li2/li

li3/li

li4/li

li5/li

/ul

script src="front/js/jq.js"/script

script

$('#list').on('click', 'li', function(){

$('#list').prepend($(this));

});

/script

/body

/html

Q2: jquery怎么获取点击的li中的值

js 获取元素下面所有的li

1、var content=document.getElementById("content");

2、var items=content.getElementsByTagName("ul");

3、var itemss=items[2].getElementsByTagName("li");//获取第二个li标签

一、如何用jquery获得每个ul下最后一个li

1、$(function(){

2、$(function(){

3、$("ul").each(function(){

4、  var y = $(this).children().last();

5、 alert(y.text());

6、 });

7、});

二、jquery 获取ul 点击的是那个li

1、ul class="anserdh" id="topmenu"

2、li class="qhbg"a href="" 积分榜/a/li

3、lia href=""回答榜 /a/li

4、lia href="" 提问榜/a/li

5、lia href="" 满意榜/a/li

6、/ul

Q3: jQuery实现多个li点击切换和显示隐藏

1、新建HTML文件。

2、引入jquery.min.js文件。

3、创建HTML内容。

4、预览效果如图。

5、用jquery创建点击事件，点击隐藏按钮，p内容隐藏。

6、用jquery创建点击事件，点击显示按钮，p内容显示。

7、预览如图当点击隐藏按钮，p内容隐藏。

Q4: jQuery 绑定并实现单击事件

实现的方法如下：

1、第一步，创建一个新的html文件，见下图，转到下面的步骤。

2、第二步，执行完上面的操作之后，创建输入框和按钮，见下图，转到下面的步骤。

3、第三步，执行完上面的操作之后，预览效果见下图，转到下面的步骤。

4、第四步，执行完上面的操作之后，需要引入jquery.js，见下图，转到下面的步骤。

5、第五步，执行完上面的操作之后，设置输入框的keydown事件与click事件，见下图，转到下面的步骤。

6、第六步，执行完上面的操作之后，按钮单击触发事件，见下图，转到下面的步骤。

7、第七步，执行完上面的操作之后，单击按钮，效果见下图。这样，就解决了这个问题了。