weixin_33737774 2017-07-27 09:14 采纳率: 0%
浏览 208

获取点击的<li>的ID

I have a dropdown list of items:

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Räume <span class="caret"></span></a>
<ul class="dropdown-menu" id="Room">
  <!-- Auto-Generated: Dropdown content -->
</ul>

.. where the generated elements look like this:

<li class='LiRoom' id='Room 1'><a href='#'>R101</a></li>
<li class='LiRoom' id='Room 2'><a href='#'>R102</a></li>

.. and I want to display database entries on my website, depending on the selected <li> item's ID:

$(document).ready(function(){
  $("#Room").click(function() {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
          document.getElementById('accordion').innerHTML = this.responseText;
      }
    };
    xmlhttp.open("GET", "GetRoomComponents.php?q=1", true);
    xmlhttp.send();
  });
});

The 1 of GetRoomComponents.php?q=1 needs to be replaced with the <li>'s ID. But how do I access the correct one?

This answer https://stackoverflow.com/a/3545356/5790966 (replacing "#Room" with "#Room li") didn't work. If I do that, the entire function doesn't execute (tested on the latest Chrome).

  • 写回答

5条回答 默认 最新

  • weixin_33726943 2017-07-27 09:17
    关注

    Since you are clicking on li a element, use it as click event in jQuery.

    jQuery('#Room').on('click', 'li a', function() {
        var liId = jQuery(this).parent().attr('id').replace('Room ', ''); //Read ID of current pressed LI:
    
        console.log(liId); Prints either 1 or 2
    });
    
    评论

报告相同问题?

悬赏问题

  • ¥15 树莓派与pix飞控通信
  • ¥15 自动转发微信群信息到另外一个微信群
  • ¥15 outlook无法配置成功
  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题