在悬停/单击时获取 DIV ID

Question

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

这就是我到目前为止所拥有的...

$('.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;
};
})

<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 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>