如何查詢屬性名稱以“@”開頭的 css 選擇器？

Question

我使用$('div[@click="login()"]')到 select

<div @click="login()"> Login </div>

但它給了

VM353:1 Uncaught DOMException: Failed to execute '$' on 'CommandLineAPI': 'div[@click="login()"]' is not a valid selector.
    at <anonymous>:1:1

什么是正確的方法？

Answer 1

那是無效的 HTML。

您評論了另一個帶有指向“ 這個， 這個和這個”的鏈接的答案。 這些都是關於 vue.js 的問題，這是一種轉換為（生成）HTML 的模板語言。其他模板語言包括 EJS、Pug、Handlebars、React 和 Angular。

如果你真的在你的項目中使用 vue.js，你應該將vue.js標簽添加到這個問題以及與之相關的未來問題中。

@click屬性只對Vue有意義，不會出現在網頁實際的HTML中。 Vue 可能會把它變成一個onclick處理程序，所以你可以嘗試使用$('div[onclick="login()"]')這可能會返回你想要的元素。

否則，也給你的 div 一個 id：

<div id="login-button" @click="login()"> Login </div>

和 select 在那個 id 上： $('#login-button')