如何获取li> span 2div文本..？

Question

<ul id="LivePlayList" class="ui-menu ui-widget ui-widget-content ui-front" tabindex="0" style="width: 1025px; top: 50px; left: 51px;">

    <li class="ui-menu-item" style="width:100%;height:25px;">
        <span style="width:100%;height:25px;display:flex;">
        <div id="ui-id-2" style="position: absolute;right:10px;margin-top: 2px" tabindex="-1">Qudosh Idto ܩܘܕܫ ܥܕܬܐ</div>
        <div style="display:none;">2</div>
        <div style="left:10px;position: absolute;margin-top: 2px;">Qudosh Idto qwdsch ʿdt</div>
        </span>
     </li>

</ul>

如何在单击ul li span时获取第二个div文本

$("#LivePlayList").on('click','span',function (){

});

请帮我

Answer 1

 $("#LivePlayList").on('click', 'li', function() { console.log($(this).find("div:nth-child(2)").text()) }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul id="LivePlayList" class="ui-menu ui-widget ui-widget-content ui-front" tabindex="0" style="width: 1025px; top: 50px; left: 51px;"> <li class="ui-menu-item" style="width:100%;height:25px;"> <span style="width:100%;height:25px;display:flex;"> <div id="ui-id-2" style="position: absolute;right:10px;margin-top: 2px" tabindex="-1">Qudosh Idto ܩܘܕܫ ܥܕܬܐ</div> <div style="display:none;">2</div> <div style="left:10px;position: absolute;margin-top: 2px;">Qudosh Idto qwdsch ʿdt</div> </span> </li> </ul> How to get 2nd div text on click ul li span 

1. 使用.find()
2. 要获取第二个div，请使用:nth-child(2)索引从1开始

Answer 2

您可以使用.find() ，然后将其与:eq(x) ，其中x是您想要的div的编号（从0开始）

$(this).find("div:eq(1)")

 $("#LivePlayList").on('click', 'span', function() { console.log($(this).find("div:eq(1)").text()) }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul id="LivePlayList" class="ui-menu ui-widget ui-widget-content ui-front" tabindex="0" style="width: 1025px; top: 50px; left: 51px;"> <li class="ui-menu-item" style="width:100%;height:25px;"> <span style="width:100%;height:25px;display:flex;"> <div id="ui-id-2" style="position: absolute;right:10px;margin-top: 2px" tabindex="-1">Qudosh Idto ܩܘܕܫ ܥܕܬܐ</div> <div style="display:none;">2</div> <div style="left:10px;position: absolute;margin-top: 2px;">Qudosh Idto qwdsch ʿdt</div> </span> </li> </ul>