javascript 使用jQuery获取标记名和...[duplicate]

qltillow  于 2023-03-28  发布在  Java
关注(0)|答案(1)|浏览(95)

此问题在此处已有答案

Jquery mouseenter() vs mouseover()(6个答案)
20小时前关门了。
我需要用jQuery从元素中获取标记名、类和它们的ID。
请看这段代码:

var allElm = document.querySelectorAll(".frame *");

allElm.forEach((elm) => {
  elm.addEventListener("mouseover", function () {
    this.style = "border: 1px solid #7bc4ff;";

    var s = jQuery(this).prop("tagName");

    jQuery(".elm-info").html(`<div class="elm-info">${s}</div>`);

    console.log(s);
  });
});

bvn4nwqk

bvn4nwqk1#

您可以使用console.log(this)检查tagName、id、className...的键。

$('.frame *').on('mouseenter', function() {
  console.log(this.tagName, this.className, this.id)
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="frame">
    <div class="1 class1" id="2_id">1</div>
    <section class="2 class2" id="2_id">2</section>
</div>

相关问题