如何找到鼠标点击jQuery中的div ID?

我有一个网络表单中的多个div,当我点击一个特定的div时,我需要执行一些基于div id的任务。

有没有什么方法可以在鼠标点击时找到div ID?

<table>
  <tr>
    <td>
      <div id="firstdiv">div1</div>
    </td>
    <td>
       <div id="seconddiv">div2</div>
    <td>
    <td>
       <div id="thriddiv">div3</div>
    </td>
    <td>
       <div id="fourthdiv">div4</div>
    </td>
  </tr>
</table>

请试试这个:

$("table div").click(function() {
    var divID = this.id;//Or $(this).attr("id");
    //Your code here 
});

$('div').click(function() {
  console.log($(this).attr('id'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <div id="firstdiv">div1</div>


      <td>
        <td>
          <div id="seconddiv">div2</div>
          <td>
            <td>
              <div id="thriddiv">div3</div>
              <td>
                <td>
                  <div id="fourthdiv">div4</div>
                  <td>
                    <tr>
                      <table>

  • 绑定div元素上的click事件
  • this指的是点击click-handler单击元素
  • 访问element id属性
  • $('table div').on('click', function() {
      console.log(this.id);
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <table>
      <tr>
        <td>
          <div id="firstdiv">div1</div>
        </td>
        <td>
          <div id="seconddiv">div2</div>
        </td>
        <td>
          <div id="thriddiv">div3</div>
        </td>
        <td>
          <div id="fourthdiv">div4</div>
        </td>
      </tr>
    </table>
    链接地址: http://www.djcxy.com/p/83305.html

    上一篇: how to find the div id on mouse click in jquery?

    下一篇: Get Anchor tag class/id from table jQuery