-
Jquery 怎么获取动态生成的html元素，然后给其中的元素添加样式?5
这是其中界面的js代码，主要去了异步去后台加载数据，然后动态写li元素及里边的a元素$.ajax({ url: "home!subMenu", typ:"post", datatype:"json", data:{"fatherId":${request.fatherId}}, success:function(data) { if(data.success) { var json = eval(data); var menu = json.tree; var html ="<li class='space'></li>"; $.each(menu,function(i,item) { html=html+"<li><a href='javascript:;' hint='merchant' action='"+item['url']+"?fatherId="+item['fatherId'] +"' class='merchantmenu'>" +item['text']+"</a></li>" }); $("#merchantSubMenu").append(html); } else { art.dialog(data.message); document.location.href="home!gotoIndex";//跳转到首页 } } }); $('a[class="merchantmenu"]').each(function(){ alert("test");//这里进不来。。。。 });
我现在想要获取这个li列表的第一个元素给添加样式。
现在的问题 通过选择器获取不到，是ajax异步加载还没写进去吗？2014年9月02日 14:29
添加评论
关注(0)1个答案 按时间排序 按投票排序
-
采纳的答案
ajax是异步的，你那个方法和ajax在同一级，ajax还没接到返回结果，就已经执行了你那个方法了，你把那个遍历的方法放到$("#merchantSubMenu").append(html); 后面。
2014年9月02日 14:46
相关推荐
本实例将探讨如何利用jQuery来动态生成树形结构，这对于展示层次化数据或者构建导航菜单非常实用。 首先，我们需要理解树形结构的基本概念。树形结构是一种数据组织方式，它由节点（通常表示数据）和边（表示节点间...
5. **数据绑定**：如果数据来源于服务器，你可能需要使用Ajax请求获取数据，然后使用上述方法动态生成菜单。使用`$.ajax()`或`$.getJSON()`发送请求，然后在回调函数中处理响应数据。 6. **事件监听与交互**：使用`...
本示例代码“jquery动态生成树”是关于如何利用jQuery和相关技术，如Struts2、treeview插件及JSON数据格式，来动态地在网页上构建一个可交互的目录树结构。 首先，让我们详细了解一下每个组件的作用： 1. **jQuery...
5. 表单验证：layui的form模块支持自定义验证规则，可以在生成表单的同时，为每个元素添加验证规则。 ```javascript $.each(formData, function(index, item) { if (item.type === 'text') { $('#dynamicForm')....
4. **生成二维码**: 根据用户输入的数据，如URL、文本等，调用二维码生成函数，将数据传递给库，并指定容器元素。 5. **更新显示**: 生成的二维码会以图像的形式插入到预先准备好的div元素中，用户可以通过浏览器的...
本案例聚焦于使用jQuery动态生成文本框，并且每个文本框都配备有删除按钮。这个功能常见于需要用户输入多条类似信息的场景，如在线表单或任务管理器。 首先，`demo.html`和`demo_1.html`是两个不同的示例页面，展示...
3. 创建元素：根据配置动态生成HTML结构，可以是div、span或其他元素，然后添加到DOM中。 4. 添加样式：使用CSS定义提示框的外观，可以是内联样式或外部样式表。 5. 绑定事件：利用jQuery的事件处理功能，如`.on()`...
jQuery通过选择器（如$("#elementId")）来定位HTML元素，然后可以对这些元素进行操作，如改变样式、添加事件监听器或创建动态内容。在生成海报图片的场景下，jQuery可以帮助我们动态地调整图片元素的大小，以适应...
这些方法允许我们动态地向HTML元素添加内容，从而构建出用户界面。 "jQuery动态创建表格生成器代码"的核心在于，它提供了一个无需手动编写HTML代码的便捷方式，可以轻松地添加行（row）和列（column）。这通常涉及...
或者添加样式美化，提升界面的视觉效果。同时，考虑到性能和用户体验，可以选择异步生成二维码，避免阻塞页面的加载。 总结来说，结合jQuery和二维码生成库，我们可以轻松实现一个动态生成二维码的Web应用，为用户...
4. **jQuery事件处理**：使用jQuery选择器找到按钮元素，并添加事件监听器，例如鼠标悬停或点击事件，来触发动态效果。 ```javascript $(document).ready(function() { $("#dynamicButton").hover( function() {...
1. **动态添加**：在网页上，用户可以通过点击一个“添加分组”按钮，触发jQuery事件，进而调用插件提供的函数来生成一个新的分组条目。这个过程包括创建新的HTML元素（如div、input等），并将其插入到页面的适当...
在 JavaScript 中，通过 jQuery 选择器获取容器元素，然后调用 `qrcode` 方法生成二维码。你可以传入数据和配置参数： ```javascript $("#qrcode").qrcode({ text: "Your message here", // 你要生成的二维码内容 ...
通常，这涉及到两个主要步骤：发送ajax请求到服务器获取数据，然后将返回的数据动态添加到表格中。 ##### 2.1 前端HTML结构 首先，我们需要在HTML页面中创建一个空的表格结构，并为用户交互提供入口点，比如一个...
在IT领域，动态生成树是一种常见的用户界面元素，尤其在数据层级结构展示中十分常见，如文件系统、组织架构或数据库关系的可视化表示。在这个场景中，“jquery+sql动态生成树”是一个结合了jQuery库和SQL数据库技术...
在网页设计中，CSS投影（Box Shadow）是一种常用的技术，用于为元素添加阴影效果，以增强视觉层次感和立体感。jQuery作为一个强大的JavaScript库，它提供了便利的方式来动态地创建和改变CSS属性，包括投影样式。在...
CSS选择器可以精确地定位到各个HTML元素，为其添加样式。例如，可以设置活动页码按钮的背景色，使它在视觉上与普通按钮区分开来。 总的来说，这个压缩包提供的代码示例是一个完整的jQuery分页解决方案，适用于任何...
我们将基于提供的标题"Jquery生成缩略图画廓"和描述，讨论如何实现这一功能，特别是涉及到动态绑定图片和对多种图片格式的支持。 首先，jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画...
这使得开发者可以方便地在DOM元素上绑定事件，通过简单的jQuery选择器选择元素，然后调用插件方法生成二维码。 3. **支持中文**：由于qrcode.js支持UTF-8编码，因此这个插件可以生成包含中文字符的二维码。这对于...
3. **jQuery动态添加节点**：使用jQuery，你可以根据数据结构动态生成流程图的节点。例如，遍历数据，对每个步骤创建一个新的`<div>`，然后用`.append()`将其添加到流程图容器中。 4. **样式和动画**：为每个步骤...