javascript – 使用jquery / js获取下一个元素

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用jquery / js获取下一个元素，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1346字，纯文字阅读大概需要2分钟。

内容图文

我有一些像这样的元素

<div id="myDiv">
    <p><input type="checkbox" />text</p>
    <p>special text</p>
    <p><input type="checkbox" />text</p>
    <p><input type="checkbox" />text</p>
</div>

我的目的是检查“特殊文本”下面的输入框.
因此我创建了一个变量findText来查找“特殊文本”

var findText = $("#myDiv:contains('special text')");

我正在检查是否存在“特殊文本”,如果存在,我希望检查下一个输入元素. .nextAll()不幸的是只得到以下兄弟姐妹.但是我该如何调用下一个元素呢？

 var findText = $("#myDiv:contains('special text')");

    if(findText.length > 0) {
      findText.nextAll("input").attr("checked",true)
    }

感谢您的时间和帮助.

解决方法:

nextAll with a find应该这样做：

findText.nextAll("p").find("input").attr("checked",true);

找到以下段落及其后代输入. (或者使用children而不是确定输入是否保证是段落的直接子节点.)

…但我认为你的findText选择器不正确,请尝试：

var findText = $("#myDiv p:contains('special text')");
//                      ^^^---- change here

把它们放在一起：

var findText = $("#myDiv p:contains('special text')");

if(findText.length > 0) {
  findText.nextAll("p").find("input").attr("checked",true)
}

Live copy

另外,您可以考虑使用jQuery的自定义:checkbox选择器将搜索限制为仅复选框：

var findText = $("#myDiv p:contains('special text')");

if(findText.length > 0) {
  findText.nextAll("p").find(":checkbox").attr("checked",true)
  //                         ^^^^^^^^^^^-- Change here
}

Live copy

内容总结

以上是互联网集市为您收集整理的javascript – 使用jquery / js获取下一个元素全部内容，希望文章能够帮你解决javascript – 使用jquery / js获取下一个元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端