获取当前点击的 li 下的div里面的内容

<ul id="pro_offers">

<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="offers_id" 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="offers_id" style="display: none;">17</div>
</li>
</ul>

比如我现在点击第三个 li ，需要获取到 17 这个数字，用jquery应该怎么写呢？
$("#pro_offers li").click(function(){
$(this).html()

});
这样写是可以获取到的，但是获取到的是点击的 li 里面的所有div标签和内容，我只需要其中一个的内容，应该怎么办呢？

举报该文章

相关建议 2016-12-08

是这样的吗？用了一个HTML5的选择器--nth-child（用法的话建议你自己去查下，我说的不是很准确），具体代码如下：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        li {
            border:1px solid red;
        }
    </style>
</head>
<body>
   <ul id="pro_offers">

        <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-1.8.3.js"></script>
<script>
    //单击第三个li,显示第三个li的17所在的div
    $(function () {
        //第三个li的点击事件
        $("li:nth-child(3)").click(function () {
            //显示li后面第三个div
            $("#Div2").show();
        });
    });
</script>

温馨提示：内容为网友见解，仅供参考

当前网址：https://aolonic.com/aa/dagnwdgga5w34adg1g.html

其他看法

无其他回答

怎么实现鼠标移入第i个li则对应显示第i个div,默认显示第一个LI
window.onload = function () { \/\/ html 渲染完成后 var li = document.getElementsByTagName('li') \/\/ 获取li var dd = document.getElementsByTagName('dd') \/\/获取dd for (let i = 0; i < li.length; i++) { \/\/给每一个li添加鼠标移入事件 li[i].addEvent...

js 点击li标签下的a 跳出对应的li标签div内容
var li = $(event.target).parent('li')alert(li.find('div.text').text())document.getElementById('log').style.display = 'block';document.getElementById('fade').style.display = 'block';return false });

要遍历每个li下面的第二个div,应该怎么写?
\/\/lis[i].getElementsByTagName("div")[1] 这个就是每个li下的第二个div } JQuery：("ul#list li").each(function(){ \/\/$(this).find("div:eq(1)") 这个就是每个li下的第二个div });

怎么得到div里面的值
看你代码应该是模拟的一个下拉框，点击li的时候，获取DOM对象的text()。("#ulCards>li").click(function(){ var txt = $(this).find('a').text();})

如何获取div里面的元素
获取div里元素的方法有2种，分别是children()方法和find()方法。1、children()方法：获取该元素下的直接子集元素 2、find()方法：获取该元素下的所有子集元素分别以以下HTML代码为例：<ul><li>list1<ul><li>list1-1<\/li><li>list1-2<\/li><\/ul><\/li><li>list2<ul><li>list2-1<\/li...

获取当前的 li 是第几个要怎么写鼠标经过li 提示在第几? javascript...
<li>5<\/li> <li>6<\/li> <li>7<\/li> <\/ul> <div id="P_Index"><\/div> <script type="text\/javascript"> document.getElementById("L_List").onmouseover=function(e){ var o=e?e.target:event.srcElement;if(o.tagName=="LI"){ if(o["index"]== undefined){ var ul=o....

jquery如何获取div中li元素
获取 div 之间的内容，有两种方法，$(selector).text()、$(selector).html()。html：test ("div").text()得到的是 test，是 div 的纯文本，会自动忽略 html 标签。("div").html()得到的是 test ，是 div 的所有内容，包括 html 标签，它有个好处是可以将得到的标签与文字直接再利用...

js怎么获取当前点击的div里面 span里面的值
inner-logo"><img src="..\/PPIMG\/002.jpg"><\/div><div class="inner-title"><span>2<\/span>马格全屋定制<\/div><div class="inner-btn"><div class="vote-count fl">789票<\/div><button class="vote-send fr" onclick="asd(this)">投ta一票<\/button><\/div><\/div><\/li><...

JS如何获取指定DIV下的子元素LI值
3、在test.html文件内，设置div标签的id为mydiv，主要用于下面通过该id获得mydiv对象。4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“获取LI的值”。5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getli 6、通过获得li对象，使用each()方法遍历每一个...

Javascript鼠标经过li时在li旁边显示一个div,内容是li的内容,怎么做
为li添加鼠标事件，当鼠标移上去的时候，判断一下要显示的div存不存在，如果存在，那么将div内容替换为当前li的内容并绝对定位到当前这个li的旁边，如果不存在，那么创建一个绝对定位的div，然后更变内容和定位

相似回答

大家正在搜