当前位置: 开发笔记 > 前端 > 正文

jquery深度选择器，还是遍历li里面的值

作者：吸烟有害但是健康1988 | 来源：互联网 | 2023-05-18 06:31

不多说，直接上代码Html代码<div&

不多说，直接上代码

Html代码

<div class="body pB5 redB border_01">
<ul id="ul_cartList" class="cartlistul">
<li>
<span class="pro_name"> 10086.我爱你 span>
<span class="pro_delete"><a　href="Javascript:deleteCartAjax('10086.我爱你')">删除a>span>
li>
<li>
<span class="pro_name"> 你发了.广东 span>
<span class="pro_delete"><a href="Javascript:deleteCartAjax('你发了.广东')">删除a>span>
li>
<li>
<span class="pro_name"> 你发了.集团span>
<span class="pro_delete"><a href="Javascript:deleteCartAjax('你发了.广东')">删除a>span>
li>
ul>
div> <button onclick="clickButton();">clickbutton>

我想拿到li里面class为pro_name的每个span里面的值，

Js代码

function clickButton(){
//var liList = document.getElementById("ul_cartList").getElementsByTagName("li");
var liLength = $("#ul_cartList li").length;
//alert(liLength);
for(var i = 0; i < liLength; i++){
var spanElement = $("#ul_cartList li span.pro_name")[i];
alert(spanElement.innerHTML);
//alert(spanElement);
//alert($("#ul_cartList li span.pro_name")[i].innerHTML);
}
}

推荐阅读

js
Python 数据可视化实战指南

本文详细介绍如何使用 Python 进行数据可视化，涵盖从环境搭建到具体实例的全过程。 ... [详细]

蜡笔小新 2024-11-13 06:03:30
jquery
使用jqTransform插件美化表单

jqTransform 是由 DFC Engineering 开发的一款 jQuery 插件，专用于美化表单元素，操作简便，能够美化包括输入框、单选按钮、多行文本域、下拉选择框和复选框在内的所有表单元素。 ... [详细]

蜡笔小新 2024-11-12 22:29:28
jquery
《程序员的数学》：一本适合初学者的数学指南

结城浩（1963年7月出生），日本资深程序员和技术作家，居住在东京武藏野市。他开发了著名的YukiWiki软件，并在杂志上发表了大量程序入门文章和技术翻译作品。结城浩著有30多本关于编程和数学的书籍，其中许多被翻译成英文和韩文。 ... [详细]

蜡笔小新 2024-11-12 21:47:50
jquery
最详尽的4K技术科普

什么是4K？4K是一个分辨率的范畴，即40962160的像素分辨率，一般用于专业设备居多，目前家庭用的设备，如 ... [详细]

蜡笔小新 2024-11-12 18:25:39
jquery
H凹变换优化——lhMorphConcave技术详解与应用

H凹变换优化技术——lhMorphConcave详解与应用摘要：本文详细介绍了lhMorphConcave技术，该技术通过优化H凹变换来提高图像处理的精度。具体而言，该函数在5×5的正方形区域内对输入图像进行二值化处理，以实现更精确的形态学分析。参数设置方面，sr参数用于控制变换的具体细节，从而确保在不同应用场景中都能获得理想的效果。此外，文章还探讨了该技术在实际项目中的应用案例，展示了其在图像分割、特征提取等领域的强大潜力。 ... [详细]

蜡笔小新 2024-11-11 14:15:23
jquery
深入学习 jQuery 中的 DOM 操作与事件处理：实现类似 Yahoo 邮箱登录框的提示效果

在本文中，我们将深入探讨 jQuery 中的 DOM 操作与事件处理技术，通过实现类似 Yahoo 邮箱登录框的提示效果来展示其强大功能。我们将详细介绍如何利用简洁的 jQuery 代码提升用户体验，并分享一些实用的示例。同时，我们还会解析这些示例中涉及的具体操作和事件处理方法。 ... [详细]

蜡笔小新 2024-11-11 14:11:48
js
深入解析浏览器内核与版本的发展历程

浏览器作为我们日常不可或缺的软件工具，其背后的运作机制却鲜为人知。本文将深入探讨浏览器内核及其版本的演变历程，帮助读者更好地理解这一关键技术组件，揭示其内部运作的奥秘。 ... [详细]

蜡笔小新 2024-11-11 13:34:37
js
蚂蚁课堂：性能测试工具深度解析——JMeter应用与实践

蚂蚁课堂：性能测试工具深度解析——JMeter应用与实践 ... [详细]

蜡笔小新 2024-11-10 13:35:01
js
深入解析Java虚拟机的内存分区与管理机制

Java虚拟机的内存分区与管理机制复杂且精细。其中，某些内存区域在虚拟机启动时即创建并持续存在，而另一些则随用户线程的生命周期动态创建和销毁。例如，每个线程都拥有一个独立的程序计数器，确保线程切换后能够准确恢复到之前的执行位置。这种设计不仅提高了多线程环境下的执行效率，还增强了系统的稳定性和可靠性。 ... [详细]

蜡笔小新 2024-11-09 19:53:02
js
E. DeadLee：思维导图与拓扑结构的深度解析

题目 E. DeadLee：思维导图与拓扑结构的深度解析问题描述：给定 n 种食物，每种食物的数量由 wi 表示。同时，有 m 位朋友，每位朋友喜欢两种特定的食物 x 和 y。目标是通过合理分配食物，使尽可能多的朋友感到满意。本文将通过思维导图和拓扑排序的方法，对这一问题进行深入分析和求解。 ... [详细]

蜡笔小新 2024-11-09 15:43:40
js
PHP自学必备：从零开始的准备工作与工具选择

PHP自学必备：从零开始的准备工作与工具选择 ... [详细]

蜡笔小新 2024-11-07 15:13:09
jquery
如何利用jQuery的JSONP技术实现跨域调用外部Web服务？

本文探讨了如何利用 jQuery 的 JSONP 技术实现跨域调用外部 Web 服务。通过详细解析 JSONP 的工作原理及其在 jQuery 中的应用，本文提供了实用的代码示例和最佳实践，帮助开发者解决跨域请求中的常见问题。 ... [详细]

蜡笔小新 2024-11-07 09:24:55
jquery
2012年9月12日优酷土豆校园招聘笔试题目解析与备考指南

2012年9月12日，优酷土豆校园招聘笔试题目解析与备考指南。在选择题部分，有一道题目涉及中国人的血型分布情况，具体为A型30%、B型20%、O型40%、AB型10%。若需确保在随机选取的样本中，至少有一人为B型血的概率不低于90%，则需要选取的最少人数是多少？该问题不仅考察了概率统计的基本知识，还要求考生具备一定的逻辑推理能力。 ... [详细]

蜡笔小新 2024-11-06 15:25:14
svg
a16z深入解析：代币设计的常见误区、优化策略及未来趋势分析

a16z深入解析：代币设计的常见误区、优化策略及未来趋势分析 ... [详细]

蜡笔小新 2024-11-06 14:52:58
js
基于Java和SSM框架的志愿者管理平台源代码分析与实现

本研究针对基于Java和SSM框架的志愿者管理平台进行了详细的源代码分析与实现。该平台属于Java Web项目，采用Java EE技术栈，并结合了Spring、Spring MVC和MyBatis三大核心框架（非开源）。项目名称为“基于SSM的志愿者管理系统”，旨在提升志愿者管理的效率和规范性。通过对系统架构、模块设计及关键代码的深入解析，本文为开发者提供了全面的技术参考和实践指导。 ... [详细]

蜡笔小新 2024-11-06 02:38:03

吸烟有害但是健康1988

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章