十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
可能你第二次点击的不是li元素,而是li元素中的a标签,
创新互联建站专业为企业提供芦山网站建设、芦山做网站、芦山网站设计、芦山网站制作等企业网站建设、网页设计与制作、芦山企业网站模板建站服务,10年芦山做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
无论点击li还是a,都是会触发你写的那个click事件的
你写的方法明显是必须点击li才可以,点击a就会报错了
正常a标签点击就是会跳转页面的,为什么还要写事件去支持出发它
如果你非要你那么写,click事件里面要首先判断 点击触发的是什么元素,
通过 event.target||event.srcElement获取,判断如果是li执行你上面写的代码,如果是a,你就重新写下逻辑。
!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
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
1、新建HTML文件。
2、引入jquery.min.js文件。
3、创建HTML内容。
4、预览效果如图。
5、用jquery创建点击事件,点击隐藏按钮,p内容隐藏。
6、用jquery创建点击事件,点击显示按钮,p内容显示。
7、预览如图当点击隐藏按钮,p内容隐藏。
实现的方法如下:
1、第一步,创建一个新的html文件,见下图,转到下面的步骤。
2、第二步,执行完上面的操作之后,创建输入框和按钮,见下图,转到下面的步骤。
3、第三步,执行完上面的操作之后,预览效果见下图,转到下面的步骤。
4、第四步,执行完上面的操作之后,需要引入jquery.js,见下图,转到下面的步骤。
5、第五步,执行完上面的操作之后,设置输入框的keydown事件与click事件,见下图,转到下面的步骤。
6、第六步,执行完上面的操作之后,按钮单击触发事件,见下图,转到下面的步骤。
7、第七步,执行完上面的操作之后,单击按钮,效果见下图。这样,就解决了这个问题了。