Question

我需要在点击或悬停时获取DIV的ID，以便在点击DIV转到URL时使用。

这就是我到目前为止......

＆＃13;

$('.div1').mouseover(function() {
  var thisdiv = this.id;
});

$('.div1').click(function() {
  var divclick = document.getElementById(thisdiv);
  divclick.style.cursor = 'pointer';
  divclick.onclick = function() {
    window.location.href = "displayadvert.php?a=" + thisdiv;
  };
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div1" id="1">ONE</div>
<div class="div1" id="2">TWO</div>
<div class="div1" id="3">THREE</div>

＆＃13;

Answer 1

您可以在点击功能中使用this.id：

$('.div1').click(function() {
 console.log(this.id);
 window.location.href = "displayadvert.php?a="+this.id;
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div1" id="1">ONE</div>
<div class="div1" id="2">TWO</div>
<div class="div1" id="3">THREE</div>

Answer 2

这是解决方案 -

function goToSomeUrl(event) {
    console.log(event.target.id); 
}

$('.div1').mouseover(goToSomeUrl);
$('.div1').click(goToSomeUrl);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="div1" id="1">ONE</div>
<div class="div1" id="2">TWO</div>
<div class="div1" id="3">THREE</div>

在悬停/点击时获取DIV ID

2 个答案: