javascript - 触发onclick的元素的下一个元素的CSS选择器？

Question

我有一个监听 onclick 事件的元素。单击后它会调用一个函数。在该元素之后是一个

，我想在 CSS 选择器中选择它。单击的元素是 。我该怎么做？

这是 HTML:

<select onclick="myFunction();">...</select> 
<dd>...</dd>

function myFunction() {
    // What do I have to write for the ??????
    $$('?????? dd').toggle();
}

注意:有很多 select/dd 组合，所以我真的必须在触发元素之后获取下一个 dd。

最佳答案

最小的变化是:将 this 传递到您的函数中:

<select onclick="myFunction(this);">...</select>

...然后:

function myFunction(select) {
    $(select).next().toggle();
}

$ 增强了元素，那么就可以使用next移动到下一个元素。如果愿意，您可以使用 .next('dd')，但在您的情况下，dd 是 下一个元素。

那仍然使用 onxyz 属性，这有点过时了。您可能会考虑通过 observe 连接起来相反。

关于javascript - 触发onclick的元素的下一个元素的CSS选择器？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17651480/

上一篇：javascript - 对象在 JavaScript 中没有方法错误

下一篇：javascript - 如何更新 Web 分析器工具栏以显示有关 ajax 请求的数据

相关文章：

javascript - 'this' 对 item 的引用在 ie 中单击错误

javascript - Prototype 和 jQuery 之间的冲突

javascript - 带有 Express 应用程序生成器的 Webpack

html - div内容对齐问题

javascript - 我如何响应式地将 vine 嵌入到 Blogger 中？

javascript - 为什么要传递包裹在对象中的参数？

javascript - 使用相同类的 jQuery 点击函数

javascript - 键盘事件在 Bing AJAX V8 中不起作用

javascript - 单击超链接切换到新选项卡

asp.net - 评估 HEX 值是深色还是浅色

©2024 IT工具网  联系我们

Answer 1

最小的变化是:将 this 传递到您的函数中:

<select onclick="myFunction(this);">...</select>

...然后:

function myFunction(select) {
    $(select).next().toggle();
}

$ 增强了元素，那么就可以使用next移动到下一个元素。如果愿意，您可以使用 .next('dd')，但在您的情况下，dd 是 下一个元素。

那仍然使用 onxyz 属性，这有点过时了。您可能会考虑通过 observe 连接起来相反。