javascript - 通过数据属性选择带有JS的元素,其中包含引号

标签 javascript html

创建一个带有数据属性的元素

<div class="component" data-bind="component: { name: "recently-viewed"}">

现在我想使用 JS 选择它:

document.querySelector('div[data-bind*="component: { name: \"recently-viewed\""]')

如何让它返回元素?我无法编辑标记。

最佳答案

切换您的报价:

console.log(document.querySelector('div[data-bind*="component: { name: \'recently-viewed\'}"]'))
<div class="component" data-bind="component: { name: 'recently-viewed'}">

document.querySelector('div[data-bind*="component: { name: \'recently-viewed\'"]')

Fiddle here

关于javascript - 通过数据属性选择带有JS的元素,其中包含引号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47530836/

相关文章:

javascript - 如果所选选项为空,如何防止提交?

javascript - 单击 javascript 时颜色不会正确更改

php - 在 PHP 中输​​出带换行符的文本文件

javascript - 表单代码上的颜色更改文本验证问题

javascript - select2选项背景颜色与html select相同

javascript - 溢出时禁用滚动-y : scroll div - Scroll Page instead

javascript - 鼠标悬停时未定义 ParentNode DOM 错误

javascript - 如何将所选值传递给html中select标签内的javascript函数?

javascript - React - 单独脚本中的组件不起作用

javascript - 在 html 页面中将英文数字转换为阿拉伯数字