js如何获取li的值

js如何获取li的值,第1张

事件改写一下:onclick="btshow(this)";>

function btshow(select){

var value=selectinnertext();

}

希望能帮助到你,谢谢!

1楼正解 我替楼主试过了

<html><head><title></title></head>

<body onload="ons()">

<ul id="parent">

<li>a</li>

<li>b</li>

<li>c</li>

</ul>

</body>

<script>

function ons(){

var ul = documentgetElementById('parent');

var lis = ulgetElementsByTagName('li');

for(var i=0;i<lislength;i++){

lis[i]onclick = function(){

alert(thisinnerHTML);

}

}

}

</script>

</html>

你指的是获取#还是一级菜单?以下是获取1级菜单的 $('#ceshi1 li a')click(function(){ var con=$(this)html(); alert(con); }) 其中ceshi1是ul的id 测试1测试2 获取#的话: $('#ceshi1 li a')click(function(){ var con=$(this)attr('href'

1 定义一个数组,li绑定点击onclick事件,点击时获取li内容,jq就是val() ,JS就是innerHTML;

2 每点击获取一个就push到数组里;

var myCont = [];

var lis = documentquerySelectorAll('li');

for (var i =0; i<lislength; i++){

    lis[i]i = i;

    lis[i]onclick = function(){

        var cont = thisinnerHTML;

        myContpush(cont);

        consolelog(myCont);

    }

}

希望可以帮助到你,Jensonhui

The Harder You Work , The Luckier You Will Be

是这样的吗?用了一个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>

以上就是关于js如何获取li的值全部的内容,包括:js如何获取li的值、javascript获取当前<ul>中点击的<li> 的值、点击了li元素后怎么获取它的id值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9563520.html

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

发表评论

登录后才能评论

评论列表(0条)

保存