
1、打开html开发工具,新建一个html代码页面。
2、在html页面创建三个p标签,给这三个p标签设置不同的内容。
3、引入jquery库。在title标签后面引用下载好的jqueryjs文件。
4、 在jquery引用库标签后面新建一个script标签,在这个标签里面添加一个DOM加载完成后执行函数。
5、在DOM加载完成后执行函数里面添加点击p标签时获取当前元素的上一个元素对象。
6、保存html代码后使用浏览器打开,点击p标签d出框就会显示当前点击标签的上一个标签的内容。
是这样的吗?用了一个HTML5的选择器--nth-child(用法的话建议你自己去查下,我说的不是很准确),具体代码如下:
<!DOCTYPE html>
<html lang="en" xmlns=">
<li class="pro_off">
<div class="offers_money"><span>20</span>元</div>
<div class="offers_moneys">满200可用</div>
<div id="offers_id" style="display: none;">12</div>
</li>
<li class="pro_off">
<div class="offers_money"><span>20</span>元</div>
<div class="offers_moneys">满200可用</div>
<div id="Div1" style="display: none;">15</div>
</li>
<li class="pro_off">
<div class="offers_money"><span>20</span>元</div>
<div class="offers_moneys">满200可用</div>
<div id="Div2" style="display: none;">17</div>
</li>
</ul>
</body>
</html>
<script src="TravelCompany/js/jquery-183js"></script>
<script>
//单击第三个li,显示第三个li的17所在的div
$(function () {
//第三个li的点击事件
$("li:nth-child(3)")click(function () {
//显示li后面第三个div
$("#Div2")show();
});
});
</script>
建议你使用jquery,用起来方便,很多js的东西都能很好的实现,我这边就不给你代码了只给你说下思路,首先写一个事件触发函数,函数为当收到<li>值得时候然后改变隐藏按钮的值,接下来就简单了,当鼠标触发摸个事件的时候,就调用这个函数。很容易解决!自己研究下!
jquery:
$('#dropdownMenu1')val(str);
不jquery:
documentgetElementById('dropdownMenu1')value = str;
<div>
11
<ul>
<li>1</li>
<ul onmouseout="aa(this)"> <li>33</li></ul>
<li>2</li>
</ul>
</div>
<SCRIPT type=text/javascript>
function aa(obj)
{
alert(objparentNodeparentNodepreviousSiblingdata);//第一个11
alert(objpreviousSiblingdata);//第二个1
alert(objchildNodes[0]innerText);//第三个33
alert(objparentNodenextSiblinginnerText);//第四个2
}
</SCRIPT>
默认情况下,点是不匹配换行的,可以这样写
string sPattern=@"<div class=""content-list"">[\s\S]</div>";
第二个要将方括号换成圆括号
string sPattern=@"<li>(|\s)</li>";
以上就是关于jQuery怎么获取当前li元素顺序全部的内容,包括:jQuery怎么获取当前li元素顺序、获取当前点击的 li 下的div里面的内容、js 获取li标签内容 赋值给<form>标签里面的一个隐藏按钮。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)