jquery给ul增加li，jquery 增加元素

怎么用js在ul标签下添加li标签,并要求li有id?

1、调用：addElementLi(parentUl)；用 js 动态添加元素，就不会有那么复杂的字符串出现，代码阅读性强一点，也容易理解。用代码的方式在js中给li附上标签。

2、首先获取到数据。在这里模拟创建一个数组用于测试数据集。第二步，创建一个button点击事件。用于动态观察，同时创建ul标签下的厨师li标签元素，直观的通过点击button的点击事件来触发li标签的更改。

3、使用jquery脚本库，因此先引入jquery脚本文件。html代码里，就是一个ul列表，里面有二个img控件，还有一个按钮。要注意的是给ul加了一个样式名。使用jquery，先为按钮添加一个点击事件。

4、var liarr=ularr[0].getElementsByTagName(li)； 获取div下的ul下的li liarr是个数组。

5、(div ul li).removeClass(class name).click(function(){this.addClass(Class name)；})手敲的，没有测试可行度。

6、querySelector(.on ul .on)如果还想获取最里层的所有 li 的话 ，可以用document.querySelectorAll(.on ul .on)，最好是给每个ul 加个类名，选择子元素的时候，就不用写那么多层了。

相关问答

Q1: 如何对jQuery元素进行增加和删除

1、当通过remove()方法删除一个节点时，该节点中包含的所有后代节点将被同时删除。该方法的返回值是对已删除节点的引用，因此这些元素可以在以后使用。下面的JQuery代码显示了元素在被remove()方法删除后仍然可以使用。

2、remove方法移除被选元素，包括所有文本和子节点，该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在将来再使用这些匹配的元素。

3、在JavaScript中添加数组元素的方法。

4、因为工作需要，经常需要对元素进行增加，删除，改动和查找，他们都有哪些方式呢？这篇文章就和大家讲讲如何对jQuery元素进行增加和删除。有需要的朋友可以参考一下，希望对你有用。

Q2: Jquery如何给ul下每个li都加上点击事件

第一步，创建一个新的html文件，见下图，转到下面的步骤。第二步，执行完上面的操作之后，创建输入框和按钮，见下图，转到下面的步骤。第三步，执行完上面的操作之后，预览效果见下图，转到下面的步骤。

新建html文件。创建输入框和按钮。预览效果如图。接下来需要引入jquery.js。设置输入框 keydown 事件和click 事件。按钮点击触发事件。click按钮按下效果如图。

(ul li).each(function(i){ //i就是li的索引， 给不同的i绑定不同的事件即可。

肯定是先引入jquery库，可以选择下载本地引用，也可以在线引用。on函数，这个是官方推荐使用的函数，因为其他方法都是内部调用on来完成的，直接使用on可以提高效率。

Q3: js动态添加与删除ul中的li

1、功能思路：展现一个UL，然后设计一个按钮，通过绑定删除函数，点击时删除所有LI节点。实例演示如下：设计简单的一个页面，其中html代码如下：简单的样式文件：此时的页面内容展示如下：设计JS代码，实现删除函数。

2、删除指定元素首先得选择它。如：(ul li) 这个表示选择ul下所有的li。(ul li) .remove()；//表示删除所有的li。(ul li：eq(0)).remove()//表示删除第一个li。0 表示第一个 1表示第二个 以此类推。

3、下面我们来动态创建一个li元素，如下图所示，运用document中的createElement方法即可。创建好li元素以后，下面要做的就是给其设置innerHTML内容，如下图所示。

4、首先获取到数据。在这里模拟创建一个数组用于测试数据集。第二步，创建一个button点击事件。用于动态观察，同时创建ul标签下的厨师li标签元素，直观的通过点击button的点击事件来触发li标签的更改。

5、刷新页面后，发现ul、li标签组前面的小圆点不见了。注意事项：JavaScript已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。

Q4: 用jquery动态添加li,但是不知道为什么找不

1、第二步，创建一个button点击事件。用于动态观察，同时创建ul标签下的厨师li标签元素，直观的通过点击button的点击事件来触发li标签的更改。

2、jquery对动态加载的li添加click事件，事件无法触发时设置出现了问题，解决方法为：新建html文件。创建输入框和按钮。预览效果如图。接下来需要引入jquery.js。设置输入框 keydown 事件和click 事件。

3、第一个能触发是因为页面加载时它存在，所以能绑定事件，而你第二个下拉框里面的li 是动态生成的，插件根本获取不到，所以就不行了。

4、所以你手写在body里面的时候成功，而append的不行。据我揣测，是因为元素与相应jquery动作的绑定在页面第一次加载成功的时候就完成了，后来再动态加入的web元素因为页面不会重新刷新所以不会再绑定动作了。

5、)；$(.J_classtree).on(click，function(){ alert(终于进来了)；})；)；如果你把函数放在click事件外面，最初加载页面的时候，$(.J_classtree)就找不到.J_classtree这个类，那段功能函数就添加不了了。

关于jquery给ul增加li和jquery 增加元素的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。