jquery-selectors 相关问题

我有以下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 中。

javascript html jquery-selectors queryselector

回答 1 投票 0

我如何知道通过 jQuery 选择了哪个单选按钮？

我有两个单选按钮，想要发布所选按钮的值。如何使用 jQuery 获取值？我可以像这样得到所有这些： $("形式：广播") 我怎么知道选择了哪一个？

javascript jquery html jquery-selectors radio-button

回答 30 投票 0

查看 JQuery 选择

是否可以查看我在特定 jquery 选择中选择的项目/元素？我看到有人演示 jquery，他们使用某种形式的控制台，为每个

jquery jquery-selectors

回答 4 投票 0

如何在select2框架中使用占位符作为默认值

要获取我正在使用的 select2 的选定值： var x = $("#select").select2('data'); var select_choice = x.text 问题是，如果没有选择值，这会引发错误，我很奇怪......

jquery jquery-selectors jquery-select2

回答 15 投票 0

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 帖子。如果这没有帮助，我发现了一个不同的帖子，似乎与该错误更相关。

javascript html jquery jquery-selectors

回答 3 投票 0

Tampermonkey 脚本看不到由 ajax 加载的影子根（打开）元素

我正在尝试在 Chrome 中为我在工作中一直使用的网站编写 Tampermonkey 脚本。我希望脚本删除某个类或标题的按钮上的禁用属性。这个

jquery ajax jquery-selectors tampermonkey shadow-dom

回答 1 投票 0

使用 jQuery 选择下一个选项

我正在尝试创建一个可以选择下一个选项的按钮。所以，我有一个带有多个选项的选择（id=selectionChamp），一个输入下一个（id=fieldNext），我尝试这样做： $('#fieldNext').click(

javascript jquery jquery-selectors html-select

回答 9 投票 0

包含返回多个值

我正在使用 $('label:contains('something'); 来获取其中包含 'something' 的标签它工作得很好，但我希望能够处理多个标签如何做到这一点例子： HTML： <