所以正如問題所說，我試圖將類 button1 懸停并獲取“css”的 id。使用我當前的代碼，我得到的只是 id html。我需要獲得一個與我懸停的按鈕相關的唯一 ID。一般來說，我對 jquery 和 javascript 還是比較陌生，但我似乎找不到關于這個主題的任何資訊，所以如果可能的話，任何參考資料都會很棒。
這是我的代碼：
HTML
<div class="button1">
<div class="text">
<p>Skill<br /> <span class="Score" id = "html">10/10 </span> </p>
</div>
<div class="button1 Overlay">
</div>
<div class="button1">
<div class="text">
<p>Skill<br /> <span class="Score" id = "css">9/10 </span> </p>
</div>
<div class="button1 Overlay">
</div>
</div>
jQuery
('.button1').mouseover(function(event) {
$(".text").attr('id');
})
uj5u.com熱心網友回復：
使用您當前的代碼，您什么也得不到，因為.text沒有 ID 并且從未使用過結果。使用$(this).find('.Score').attr('id')[1]。
注意一些錯誤修復：
('.button1').mouseover不見了$- 您已經嵌套
.button1（第一個未正確關閉，使用適當的縮進以便于除錯），因此無法找到單個元素，因為您將滑鼠懸停在最頂部的元素上
$('.button1').mouseover(function(event) {
console.log($(this).find('.Score').attr('id'))
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="button1">
<div class="text">
<p>Skill<br /> <span class="Score" id="html">10/10 </span> </p>
</div>
<div class="button1 Overlay">
</div>
</div>
<div class="button1">
<div class="text">
<p>Skill<br /> <span class="Score" id="css">9/10 </span> </p>
</div>
<div class="button1 Overlay">
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/443374.html
標籤：javascript html jQuery