可以在jQuery中使用选择器来匹配文档中的一组元素。实现了大多数CSS选择器，以及一组自定义选择器。
我有一个 JSON 对象，其中包含 jQuery 选择器和值。选择器内的特殊字符（我认为）已被正确转义。 JSON 如下所示： 变量配置= [{ &
从现有元素创建变量元素/querySelector 不接受变量
我试图从变量 x 的数组中选择一个子 div 这只是一个草图来说明我正在尝试做的事情： var x = 0; trackN = document.querySelector( .track :nth-child(x)) 但是
为什么 MutationObserver 没有检测到随机点之后的节点？
我正在构建一个 Tampermonkey 用户脚本。我的实际脚本要复杂得多，但我可以通过以下示例进行重现。 我的脚本需要在黑客新闻网站上运行。 例如o...
在Javascript中，如何通过querySelector获取innerHTML，排除内部兄弟div之一
我有以下html： 例子： 示例 1 - ... 我有以下html： <body> <span class="comment"> EXAMPLES: <p><i>Example 1</i> - <a href="https://example.com/1">https://example.com/1</a> - Jan 2020 (2 comments)</p> <p><i>Example 2</i> - <a href="https://example.com/2">https://example.com/2</a> - Jun 2022 (13 comments)</p> <div class="reply"><p><u><a href="reply?id=12323" rel="nofollow">reply</a></u></p></div> <p><i>Example 3</i> - <a href="https://example.com/3">https://example.com/3</a> - Apr 2023 (33 comments)</p> </span> </body> 我正在尝试获取 innerHTML 类的 .comment，除了 .reply div。 请注意，.reply 课程不保证是最后一个课程。 基本上，我只想得到： EXAMPLES: <p><i>Example 1</i> - <a href="https://example.com/1">https://example.com/1</a> - Jan 2020 (2 comments)</p> <p><i>Example 2</i> - <a href="https://example.com/2">https://example.com/2</a> - Jun 2022 (13 comments)</p> <p><i>Example 3</i> - <a href="https://example.com/3">https://example.com/3</a> - Apr 2023 (33 comments)</p> 我不知道如何排除其中一个兄弟姐妹。 我知道我可以使用以下方法让除 .reply 班之外的孩子们： document.querySelectorAll(`.comment > :not(.reply)`) 但这不是innerHTML。这是一个NodeList： 有没有办法从这个NodeList获取新的组合元素，然后我可以在其上调用innerHTML？ 我在这里发现了一个稍微类似的问题： Javascript .innerHTML 但不包括内部 div 但是这个问题是关于提取特定的字符串，并且解决方案看起来很丑陋。有更好的办法吗？ 对 comment 节点进行深度 克隆，并在检索 reply 之前删除 innerHTML 节点： var comment = document.querySelector(".comment").cloneNode(true); comment.querySelector(".reply").remove(); console.log(comment.innerHTML); <span class="comment"> EXAMPLES: <p><i>Example 1</i> - <a href="https://example.com/1">https://example.com/1</a> - Jan 2020 (2 comments)</p> <p><i>Example 2</i> - <a href="https://example.com/2">https://example.com/2</a> - Jun 2022 (13 comments)</p> <div class="reply"><p><font size="1"><u><a href="reply?id=12323" rel="nofollow">reply</a></u></font></p></div> <p><i>Example 3</i> - <a href="https://example.com/3">https://example.com/3</a> - Apr 2023 (33 comments)</p> </span> 注意我在您的示例中添加了缺少的结束 </font> 标签。如果没有这个，无与伦比的开口 <font> 将保留在 innerHTML 中。
我有两个单选按钮，想要发布所选按钮的值。 如何使用 jQuery 获取值？ 我可以像这样得到所有这些： $("形式：广播") 我怎么知道选择了哪一个？
是否可以查看我在特定 jquery 选择中选择的项目/元素？ 我看到有人演示 jquery，他们使用某种形式的控制台，为每个
要获取我正在使用的 select2 的选定值： var x = $("#select").select2('data'); var select_choice = x.text 问题是，如果没有选择值，这会引发错误，我很奇怪......
document.querySelector 在控制台中工作，但不能实时工作
我正在创建一个简单的 html 页面，其中 iframe 内有一个音频播放器。 我需要为桌面和移动设备启用自动播放功能。 这位玩家是这样的： < 我正在创建一个简单的 html 页面，其中 iframe 内有一个音频播放器。 我需要为桌面和移动设备启用自动播放功能。 这位玩家就是这个： <div style="width: 100%"><iframe src="https://players.rcast.net/fixedbar1/66549" frameborder="0" scrolling="no" autoplay style="width: 100%"></iframe></div> 我把这个块放在html页面的底部： <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script> document.addEventListener("DOMContentLoaded", function() { // this function runs when the DOM is ready setTimeout(function(){ document.querySelector('.play-btn').click(); },3000); //delay is in milliseconds }); </script> 使用 Firefox 控制台 document.querySelector('.play-btn').click(); 工作正常，但在运行时我得到： Uncaught TypeError: document.querySelector(...) is null 有什么想法或最好的方法吗？ 谢谢， 红色 您可以在控制台中执行任何您想要的操作，但只有当您的 iframe 域与当前域匹配时，您才能以编程方式访问 iframe 内容。 话虽如此，您可以： 选择 iframe，然后在 iframe 上运行查询选择器（您甚至不需要 jQuery）： const iframeElement = document.querySelector('iframe'); iframeElement.querySelector('.play-btn').click(); 温馨提示： 您也可以直接拨打play()来播放视频/音乐 媒体元素。这样你就可以省掉刺激的点击 按钮。 querySelector 比 getElementById 慢，您可以为您的 iframe/button/media 元素分配一个 id 属性并直接找到它。 它还将帮助您避免错误，因为 querySelector 返回第一个匹配项。因此，如果您有多个 iframe 或多个具有 .play-btn 类的元素，则可能会导致意外的行为。 您应该首先选择 iframe 并获取其内容窗口以访问其上的所有元素。 const myIframe = document.querySelector('#iframe_id') const myIframeDocument =myIframe.contentWindow.document const myElement = myIframeDocument.body.querySelector('#target_element') 值得注意的是，iframe 应该在进程和域冲突之前完全加载 希望这有帮助： <iframe id="video1" width="450" height="280" src="http://www.youtube.com/embed/TJ2X4dFhAC0?enablejsapi" frameborder="0" allowtransparency="true" allowfullscreen></iframe> <a href="#" id="playvideo">Play button</a> <script> $("#playvideo").click(function(){ $("#video1")[0].src += "?autoplay=1"; }); </script> 我在 Grepper 上找到了这个，但它来自另一个 Stack Overflow 帖子。 如果这没有帮助，我发现了一个不同的帖子，似乎与该错误更相关。
Tampermonkey 脚本看不到由 ajax 加载的影子根（打开）元素
我正在尝试在 Chrome 中为我在工作中一直使用的网站编写 Tampermonkey 脚本。我希望脚本删除某个类或标题的按钮上的禁用属性。这个
我正在尝试创建一个可以选择下一个选项的按钮。 所以，我有一个带有多个选项的选择（id=selectionChamp），一个输入下一个（id=fieldNext），我尝试这样做： $('#fieldNext').click(
我正在使用 $('label:contains('something'); 来获取其中包含 'something' 的标签 它工作得很好，但我希望能够处理多个标签如何做到这一点 例子： HTML： <
我一直在试图解决这个问题，但没有成功。 下面是 6 个圆形 div。当用户将鼠标悬停在其中一个上时，我希望悬停的 div 扩大一点（放大），而所有其他...
我想选择一个表格列，我只知道该列的标题文本。 （th.innerText） 我尝试了以下代码，但它不起作用： OwnerIndex = $('th:contains("Owner")').index(); $('...
我遇到了 Jquery items[c] 被明确定义为 HTMLElement 的问题，但是当我将 .find 与多个选择器一起使用时，我收到此错误： 类型错误：X[g].exec 不是函数 http://code.jquery...
将所有 jQuery 选择器重新映射到 ShadowRoot
根据客户的要求，我们正在尝试用带有 Shadow DOM 的 Web 组件完全替换 iframe 元素。 计划是，应嵌入的网站通过 vi 获取...
我有一个移动菜单，单击图标时会打开该菜单。大多数菜单链接都指向其他页面，但也有带有 href='#xxxx' 属性的本地链接，其链接具有相同的页面 ID...
我想要一些 jQuery 代码，当我单击文本框时，它可以让我找到控件的标签...所以在我的 HTML 中我有这个： 我想要一些 jQuery 代码，当我单击文本框时，它可以让我找到控件的标签...所以在我的 HTML 中我有这个： <label id="ctl00_WebFormBody_lblProductMarkup" for="ctl00_WebFormBody_txtPriceAdjustment">This Is My Label Value</label> <input type="text" style="width:29px;" onclick="alert('label value here');" title="Here is a title" id="ctl00_WebFormBody_txtPriceAdjustment" maxlength="3" name="ctl00$WebFormBody$txtPriceAdjustment"> 因此，当我单击文本框时，我想（例如）使用标签内的文本发出警报 - 所以在这种情况下，它会警报“这是我的标签值” 希望这是有道理的:) 像[]一样使用属性选择器[for='+ this.id +']，其中this.id是当前focus编辑的label的ID $("input").on("focus", function() { const labelText = $(`label[for="${this.id}"]`).text(); console.log( labelText ); }); <label for="inp">This Is My Label Value</label> <input id="inp" type="text"> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> 在这样的 HTML 代码中： <label for="input-email">Email</label> <input type="text" name="input-email" value="" /> 你可以找到这样的标签内容： $('label[for="input-email"]').html(); $("#ctl00_WebFormBody_txtPriceAdjustment").bind("click",function(){ alert($("label [for=" + this.id + "]").html()); }); 或者可能 alert($(this).closest("label").html()); 根据您的标记，您也许也可以选择下一个或上一个兄弟姐妹。 试试这个： $('input[type=text]').focus(function(){ alert($('label[for=' + $(this).attr('id') + ']').html()); }); $('#ctl00_WebFormBody_txtPriceAdjustment').click(function() { alert($('#ctl00_WebFormBody_lblProductMarkup').text()); }); 使用 javascript 来完成 <script type="text/javascript"> function displayMessage() { alert(document.getElementById("ctl00_WebFormBody_lblProductMarkup").innerHTML); } </script> <label id="ctl00_WebFormBody_lblProductMarkup" for="ctl00_WebFormBody_txtPriceAdjustment">This Is My Label Value</label> <input type="text" style="width:29px;" onclick="displayMessage()" title="Here is a title" id="ctl00_WebFormBody_txtPriceAdjustment" maxlength="3" name="ctl00$WebFormBody$txtPriceAdjustment">
JavaScript Click 不适用于 Google 翻译图像
我尝试编写 JavaScript 扩展来翻译 Windows 剪贴板中的图像。 网站页面网址：https://translate.google.fr/?hl=fr&sl=auto&tl=fr&op=images 图片已经...
3cx 更改 WordPress Functions.php 中的气泡按钮样式 - 向上移动异步按钮并在等待创建的异步 dom 获取后对其进行样式设置
两天以来，我一直在努力解决聊天气泡覆盖我的主题底部登录/退出网络应用栏的问题： 尝试： 在Wordpress中修改子style.css和functions.php
3cx 更改气泡按钮样式 - 向上移动异步按钮并在等待创建异步 dom 的获取后为其设置样式
两天以来，我一直在努力解决聊天气泡覆盖我的主题底部登录/退出网络应用栏的问题： 尝试： 在Wordpress中修改子style.css和functions.php