我有一個 div 類,它本質上是一個我嘗試使用 jQuery 單擊的按鈕
<div class="tool-button refresh-button icon-tool-button" title="Refresh"><div class="button-outer"><span class="button-inner"><i class="fa fa-refresh text-blue"></i> </span></div></div>
這是我嘗試過的,但日志確認長度為 0,因此未選擇,有什么建議嗎?:
console.log($('.div.tool-button .refresh-button icon-tool-button:first'))
console.log($('.div.tool-button .refresh-button icon-tool-button'))
uj5u.com熱心網友回復:
您在使用選擇器時遇到了多個問題。
- 消除 。之前
div因為它是一個標簽而不是一個類。 - 洗掉類之間的空格,當它們之間有空格時,jquery 正在尋找作為前一個選擇器的子元素的元素。
console.log($('div.tool-button.refresh-button.icon-tool-button:first').length);
console.log($('div.tool-button.refresh-button.icon-tool-button').length);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="tool-button refresh-button icon-tool-button" title="Refresh">
</div>
uj5u.com熱心網友回復:
你可以使用click()方法
const btn = $(".tool-button.refresh-button.icon-tool-button");
btn.click();
您要選擇第一個元素嗎?
const btn = $(".tool-button.refresh-button.icon-tool-button")[0];
btn.click();
uj5u.com熱心網友回復:
在您的解決方案中,您試圖獲得:
<div class="tool-button">
<div class="refresh-button">
<div class="icon-tool-button"> // this
</div>
</div>
</div>
如果洗掉字串上的空格,則可以訪問您的元素。
解決辦法是
$(".tool-button.refresh-button.icon-tool-button")
鏈接選擇器將查詢包含所有選擇器的元素。
詳細解答:https : //stackoverflow.com/a/59406548/11969749
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/338604.html
標籤:javascript html 查询 点击
下一篇:獲取JSON請求后沒有任何反應
