关于jquery的问题~当我单击class="cart"的a标签时,获取该a标签父级li标签中的价格文本 代码如下

关于jquery的问题~当我单击class="cart"的a标签时,获取该a标签父级li标签中的价格文本 代码如下,第1张

一楼正解

不知道为什么要搞这么复杂?

获取价格直接这样写:

var ary1 = objsiblings("price")text();

或者

var ary1 = objclosest("li")find("price")text();

的确,你的li没有父级元素ul你的$("essay ul li cart")是不可能获取到元素并绑定对象的,而且标签像这样嵌套很容易出现兼容性问题的。

1、首先打开html编辑器,新建一个html文件,里面写入4个li标签,并在上方的style标签中设置li的样式,给li标签高度和宽度以及边框,同时设置li标签之间的间隔。

2、然后在script标签中写入js,首先用getElementsByTagName获取所有li标签的dom元素,任何使用for循环遍历数组中的元素,for循环内部设置每个li标签的index元素,在给每个元素添加点击事件,点击之后就会d出li标签的index值出来。

3、最后打开浏览器,点击其中的一个标签,就会d出对应的li标签数值了。

$(function() {

$("li")click(function() {

$(this)addClass("current");

});

})

是这样的吗?用了一个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的问题~当我单击class="cart"的a标签时,获取该a标签父级li标签中的价格文本 代码如下全部的内容,包括:关于jquery的问题~当我单击class="cart"的a标签时,获取该a标签父级li标签中的价格文本 代码如下、js如何获取被点击li是第几个、如何用juqery给li标签通过点击后添加class元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/web/9563867.html

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

发表评论

登录后才能评论

评论列表(0条)

保存