老师,除了这个方法还有其他的方法吗?

老师,除了这个方法还有其他的方法吗?

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

ul{

cursor:pointer;

}

</style>

</head>

<body>

<ul id="menu">

<li>Web前端攻城狮</li>

<li>前端小白入门</li>

<li>前端进阶:响应式开发与常用框架</li>

<li>HTML5与CSS3实现动态网页</li>

<li>HTML5&CSS3进阶与常用框架</li>

<li>JavaScript基础入门</li>

<li>进击JavaScript核心</li>

</ul>

<script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>

<script>

/*此处写代码*/

$('#menu').on('click',function(e,index){

$(e.target).css('background','yellow');

$(e.target).siblings().css('background','#ffffff');

$(e.target).prev().css('background','blue');

$(e.target).next().css('background','red');

})

</script>

</body>

</html>


可不可以用筛选器,把目标元素,下一个,上一个过滤掉,记得jq里有这个方法来着..

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

filter()是jquery的一个方法,该方法返回符合一定条件的元素。即:该方法让您规定一个条件。不符合条件的元素将从选择中移除,符合条件的元素将被返回。

:not() 选择器是选取除了指定元素以外的所有元素。

当前这个方式实现的效果是没有问题的,若是没有其他实现的思路的话,可以先用当前这样的实现。

祝学习愉快!

好帮手慕糖 2019-01-21 13:56:55

你好,不确定你指的具体是哪个方法,是指not吗?不过当前的这个实现就是没有问题的哦。

祝学习愉快!

  • 提问者 沧海的雨季 #1
    fiflter?not?这个记得之前在哪讲过来着..
    2019-01-21 15:02:56
好帮手慕糖 2019-01-21 10:53:01

同学你好,还可以直接设置给li哦,至于同学说的筛选器不确定具体指的哪一个,建议:可以详细的描述下,或者同学也可以测试下哦。

希望能帮助到你,祝学习愉快!

  • 提问者 沧海的雨季 #1
    就是可以反选的,除了这个元素其它都可以选到..
    2019-01-21 10:55:01
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师