jquery如何获得其他元素属性的序号

dustea 2021-01-27 05:20:22



<ul class="mode">

<li class="mode_li"><p>white</p></li>

<li class="mode_li"><p>black</p></li>

<li class="mode_li active"><p>red</p></li>

</ul>



<ul class="type">

<li class="type_li">type1</li>

<li class="type_li active">type2</li>

<li class="type_li">type3</li>

</ul>

大家好，我的要求是这样的。鼠标点击mode_li的时候读取type_li active的type值，鼠标点击type_li的时候读取mode_li active的p内的值，谢谢大家了

...全文

238 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

sxysoft_csdn 2021-01-28

打赏
举报

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>获得其他元素元素文本信息 xinbiancheng.cn</title>
<style>
.type_li,
p {
border: 1px solid red;
height: 30px;
line-height: 30px;
}
</style>
</head>

<body>
<ul class="mode">
<li class="mode_li">
<p>white</p>
</li>
<li class="mode_li">
<p>black</p>
</li>
<li class="mode_li active">
<p>red</p>
</li>
</ul>

<ul class="type">
<li class="type_li">type1</li>
<li class="type_li active">type2</li>
<li class="type_li">type3</li>
</ul>
</body>
<script>
// 点击mode_li 获取 .type_li.active
mls = document.querySelectorAll('.mode_li')
for (var i = 0; i < mls.length; i++) {
mls[i].onclick = function () {
ta = document.querySelector('.type_li.active')
alert(ta.innerText)
}
}
// type_li 获取 .mode_li.active
tls = document.querySelectorAll('.type_li')
for (var i = 0; i < tls.length; i++) {
tls[i].onclick = function () {
mp = document.querySelector('.mode_li.active p')
alert(mp.innerText)
}
}
</script>

</html>

sxysoft_csdn 2021-01-28

打赏
举报

可以直接用原生js实现

sxysoft_csdn 2021-01-28

打赏
举报

都不需要Jquery，下载库麻烦。

Oliver尹 2021-01-28

打赏
举报


$(".mode_li").click(() => {
            console.log($(".type_li.active").html())
        })
        $(".type_li").click(() => {
            console.log($(".mode_li.active").html())
        })

差不多就这样，自己在微调一下

实用代码脚本易语言源码时间

实用代码脚本易语言源码设置控件锚点

64：点控大师：自定义快捷键驱动的鼠标自动化工具高效简化重复操作软件

内容概要：本文围绕“新型电力系统下多分布式电源接入配电网承载力评估方法”的研究，系统性地介绍了基于Matlab的仿真建模与代码实现方案，旨在评估高比例分布式电源（如光伏、风电等）接入背景下配电网的接纳能力。研究融合了智能优化算法（如蜣螂优化、灰狼优化、遗传算法）、多目标优化、鲁棒优化及双层优化模型，结合潮流计算、稳定性分析与故障仿真，构建了完整的承载力评估体系。文档不仅提供核心算法实现，还拓展至微电网调度、储能配置、电氢耦合系统、电动汽车协同等前沿方向，强调“复现+创新”相结合的科研路径，助力研究者快速掌握高水平论文复现技巧并激发原创思路。; 适合人群：具备电力系统、自动化或相关专业背景，熟悉Matlab/Simulink仿真环境，正在从事科研或工程应用的研究生及初级科研人员（工作1-3年）；; 使用场景及目标：①复现高水平期刊中关于配电网承载力的优化模型；②开展高比例可再生能源接入下的配电网规划与运行研究；③学习并应用智能优化算法解决复杂电力系统问题；④获取完整科研资源包以加速课题进展与论文撰写；阅读建议：建议读者关注公众号“荔枝科研社”获取网盘资源，下载全套代码与模型文件，按照文档结构循序渐进学习，重点理解算法设计逻辑与仿真建模细节，结合所提供的复现案例深化对优化模型与工程应用场景的理解，提升科研效率与创新能力。

108：桌面日程提醒工具-安静版：半透明悬浮标签展示待办任务，支持固定时间与范围时间任务，按星期多时段自定义