从 Jquery / Javascript 中的单击元素获取信息答案

【问题标题】：Get information from the clicked element in Jquery / Javascript从 Jquery / Javascript 中的单击元素获取信息
【发布时间】：2020-06-15 00:08:00
【问题描述】：

晚安，我会尽快解释。我需要从站点点击的元素中获取信息，例如我想从我点击的元素中获取css信息，但是可以是div、button、li等。获取信息是没有问题的，问题是要确定哪个是收到点击的元素，因为它可以有任何 id 或任何类。它们不是固定的 id 或类。我正在使用这个 js 代码，但它不起作用。他给了我整个身体的 html。

$("*").click(function() {
    console.log($(this).html());
});

有人可以帮帮我吗？

攻击

【问题讨论】：

$(this) 在 Event 函数中是被点击的 jQuery 元素。 $(this).css() 为您提供 CSS。 body 也是您使用* 获得的元素。
你需要防止冒泡

标签： javascript php html jquery css

【解决方案1】：

如果我没有误会，您可以查看我在 body 上单击的任何元素的属性，这要归功于事件冒泡。

document.getElementById("body").addEventListener("click", function(e) {
  console.log(e.target)
})

<body id="body">
  <div class="container">
    <div>
      <h5>
        <button>
                    ı am a button
                </button>
      </h5>
    </div>
  </div>

  <div class="container-fluid">
    <ul>
      <li>
        <a href="#">link</a>
      </li>
      <li>
        <a href="#">link</a>
      </li>
      <li>
        <a href="#">link</a>
      </li>
      <li>
        <a href="#">link</a>
      </li>
      <li>
        <a href="#">link</a>
      </li>
    </ul>
  </div>

</body>

【讨论】：