隐藏<li>使用 JQuery 单击时标记

Question

我正在做一些练习来练习我的 JQuery，但我无法找到解决方案。 我只想在单击时隐藏列表的第一个元素。

我试过这个：

JS

 $(document).ready(function(){ $("li.oculta").click(function(){ $(this).hide(); }); });

 <html> <head> <style> p{ background-color: #AA55AA; } </style> <script src="/jquery-2.1.1.js"></script> </head> <body> <ul class='list1'> <li class="oculta">Taco</li> <li>Jamón</li> <li>Queso</li> </ul> <ul class='list2'> <li class="oculta">Coke</li> <li>Leche</li> <li>Té</li> </ul> </body> </html>

但我不明白为什么不起作用。 有任何想法吗？

Answer 1

使用on('click',function(){...而不是.click(function(){...

$(document).ready(function(){
    $("li.oculta").on('click',function(){
      $(this).hide();
    });
});

提琴手

Answer 2

很简单的错误，代码没问题，但是你忘记导入jQuery了。

 $(document).ready(function(){ $("li.oculta:first-of-type").click(function(){ $(this).hide(); }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <html> <head> <style> p{ background-color: #AA55AA; } </style> <script src="/jquery-2.1.1.js"></script> </head> <body> <ul class='list1'> <li class="oculta">Taco</li> <li>Jamón</li> <li>Queso</li> </ul> <ul class='list2'> <li class="oculta">Coke</li> <li>Leche</li> <li>Té</li> </ul> </body> </html>

隐藏<li>使用 JQuery 单击时标记

问题描述

2 个解决方案

解决方案1
1 2016-03-07 01:03:00

解决方案2
0 已采纳 2016-03-07 01:04:02

隐藏<li>使用 JQuery 单击时标记

问题描述

2 个解决方案

解决方案1 1 2016-03-07 01:03:00

解决方案2 0 已采纳 2016-03-07 01:04:02

解决方案1
1 2016-03-07 01:03:00

解决方案2
0 已采纳 2016-03-07 01:04:02