jQuery怎么获取当前li元素顺序

jQuery怎么获取当前li元素顺序,第1张

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>标签里面的一个隐藏按钮。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9724929.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存