JQUERY代码简化修改

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQUERY代码简化修改相关的知识,希望对你有一定的参考价值。

var a_d2 = $("#nav li").find("a[rel^='dropmenu2']");
$("#dropmenu2").insertAfter(a_d2);
var a_d3 = $("#nav li").find("a[rel^='dropmenu3']");
$("#dropmenu3").insertAfter(a_d3);
var a_d4 = $("#nav li").find("a[rel^='dropmenu4']");
$("#dropmenu4").insertAfter(a_d4);
var a_d5 = $("#nav li").find("a[rel^='dropmenu5']");
$("#dropmenu5").insertAfter(a_d5);
var a_d6 = $("#nav li").find("a[rel^='dropmenu6']");
$("#dropmenu6").insertAfter(a_d6);
这段代码如何简化优化。

//直接循环处理
for ($i=2;$i<7;$i++)
$("#dropment"+$i).insertAfter($("#nav li").find("a[rel^='dropmenu"+$i+" ']"));
追问

这个好像写反了吧,应该是先获取一个元素,再插入到指定的元素上

追答

没有啊!你执行试试

追问

你的是获取一个元素插入,然后再查找;你的思路应该对,但我对循环是有点头大;

参考技术A 这还不简单 for循环处理啊。。。

jQuery 教程

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

jQuery 很容易学习。

 

本章节的每一篇都包含了在线实例

通过本站的在线编辑器,你可以在线运行修改后的代码,并查看运行结果。

实例

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

尝试一下 »

点击 "尝试一下" 按钮查看运行结果。

jQuery 实例

在本教程中,您将通过教程以及许多在线实例,学到如何通过使用 jQuery 应用 JavaScript 效果。


jQuery 测验

在菜鸟教程上测试你的 jQuery 技能!


jQuery 参考手册

在本教程中,你将学习到更多的jquery的使用方法。



以上就是 jQuery 教程 的详细内容,更多请关注runoob其它相关文章!






重庆代孕【徽信13022337922】成都代孕【徽信13022337922】长沙代孕【徽信13022337922】

武汉代孕【徽信13022337922】贵阳代孕【徽信13022337922】昆明代孕【徽信13022337922】

以上是关于JQUERY代码简化修改的主要内容,如果未能解决你的问题,请参考以下文章

运用jQuery简化TAB样式切换代码

我正在构建一个简单的锻炼计划应用程序,但我想简化 Javascript/jQuery 代码

jquery 入门之-------jquery 简介

jQuery相关知识点2

jQuery 教程

jQuery 教程