JQuery子选择器问题

标签 jquery

我的html

<div id="x">
  <div id="x1">
    some text
    <div>other text</div>
  </div>
  <div id="x2">just text</div>
<div>

我的电话

我有这个元素,而不是任何jquery选择器,1个或多个元素:

var x = $("#x");

现在我需要(这是一个能够发现选项卡等内部元素的插件)仅通过第一个 DIV 元素而不是其子元素进行导航。我正在努力...

$.each($($("div"), x), function() {
  alert($(this).html());
});

显示: 1.一些文字其他文字 2.其他文字 3.仅文本

$.each($($("div"), x).siblings(), function() {
  alert($(this).html());
});

显示: 1.只是文字 2.一些文字其他文字

这是最近似的,但我需要按正确的顺序。有什么建议吗?谢谢

ps。因为它是一个插件,我不能这样做。

$("#x", "div....")

我需要这样做

#(newselector, x)

最佳答案

如果您不能使用 $("#x > div") 因为它应该适用于您想到的所有选择器,那么假设您将该特定选择器定义为 var x:

var x = $('#x');

// this will select only the direct div children of x whatever the x is
x.children('div');

关于JQuery子选择器问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1261784/

相关文章:

javascript - 在第一个单选按钮上单击刷新页面

jquery - 为什么 html() 会丢失类分配?

Javascript - 单击时更改 DIV 背景

jquery - 单击选项时显示隐藏字段

jQuery 颜色选择器 z 轴问题

javascript - 当满足特定条件时停止函数并在其他条件下再次启动它

jquery - 在中间的 jumbotron 中获取按钮并改变外观

javascript - 包装内的固定侧边菜单

javascript - 如何根据开始和结束时间值创建动态表?

javascript - 如何在 jQuery 提交后强制硬刷新 (Internet Explorer)