是否可以使用“>”来选择“此”对象的子对象?

我面对的原始问题是这样的:

$('#setting-box > div').change(function(){
      // Would like to select current div's span child and do something
}

我进行了一些研究,发现了以下信息:如何获取$(this)选择器的子级?

这两个参数实际上对我有效

$('span', this).html($('input', this).val());

现在我的问题是,是否有任何方法来选择此span元素,

在$()中使用单个参数?(并且不使用诸如find(),child()等的方法)

就像,有什么事情/方法可以做$(this > childElement)吗?

谢谢你的帮助

jfriend00

要直接回答您的问题,没有单一的参数方法可以只this在jQuery中搜索元素的子级。这是因为jQuery的默认上下文是整个文档,因此要进行更改,除了选择器之外,您还必须使用一些其他代码。

此外,DOM元素本身(在this您示例中的变量中)不能进入选择器,因为选择器是字符串,而DOM元素没有任何方法可以在选择器字符串中表达它。因此,您必须使用一个额外的参数来将选择器的搜索范围限定为小于文档的范围。

因此,为了限制选择器搜索的范围,您可以使用听起来似乎已经了解的选项:

$(this).find(selector)          // any descendant
$(selector, this)               // any descendant
$(this).children(selector)      // only look at direct children

如果我需要任何后代,我自己更喜欢使用它,.find()因为我认为代码更易读。因此,为满足您的特殊需要,我将使用以下代码:

var self = $(this);
self.find("span").html(self.find("input").val());

或者,如果只有直子:

var self = $(this);
self.children("span").html(self.children("input").val());

此外,您的.change()代码应绑定到实际支持该事件的元素,该元素将类似于a<select><input>not normal <div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

是否可以使用Linq替换此Foreach循环

来自分类Dev

是否可以使用简单的LINQ进行此循环?

来自分类Dev

mongoDB中是否可以使用循环对象?

来自分类Dev

是否可以使用ghc箭头符号重写此示例?

来自分类Dev

是否可以使用scala-guice注入对象?

来自分类Dev

我可以使用obj.constructor === Array来测试对象是否为Array吗?

来自分类Dev

是否可以使用Java中的两个泛型来创建对象?

来自分类Dev

是否可以使用Mockito验证测试的对象方法调用?

来自分类Dev

是否可以使用CSS calc()来计算宽度/高度比?

来自分类Dev

是否可以使用XPath获得此结果集?

来自分类Dev

是否可以使用flex生成此网格结果?

来自分类Dev

是否可以使用numpy避免此循环?

来自分类Dev

是否可以使用数组隐藏多个winforms对象?

来自分类Dev

是否可以使用.map()从对象数组创建对象?

来自分类Dev

是否可以使用对象类型定义来构造新的数组/元组类型?

来自分类Dev

是否可以使用变量从特定对象调用方法?

来自分类Dev

Javascript-想知道是否可以使用此Singleton

来自分类Dev

是否可以使用Java从AS400返回对象列表?

来自分类Dev

是否可以使用较少的冗余来执行此代码?

来自分类Dev

是否可以使用props克隆jQuery DOM对象?

来自分类Dev

是否可以使用Lambda代替匿名类来创建新对象?

来自分类Dev

是否可以使用解构来追加?

来自分类Dev

在解组对象后,是否可以使用jaxb批注来导航对象?

来自分类Dev

是否可以使用输入数据来更改对象变量?爪哇

来自分类Dev

是否可以使用 switch 来选择 ImageFormat?

来自分类Dev

是否可以使用 fetch 返回 JSON 对象?

来自分类Dev

是否可以使用 TypeScript 对象来分派 redux 操作(以及如何分派)?

来自分类Dev

是否可以使用mysql脚本获取列表对象的数据?

来自分类Dev

是否可以使用 JavaScript ES6 Proxy 来观察对象何时创建

Related 相关文章

  1. 1

    是否可以使用Linq替换此Foreach循环

  2. 2

    是否可以使用简单的LINQ进行此循环?

  3. 3

    mongoDB中是否可以使用循环对象?

  4. 4

    是否可以使用ghc箭头符号重写此示例?

  5. 5

    是否可以使用scala-guice注入对象?

  6. 6

    我可以使用obj.constructor === Array来测试对象是否为Array吗?

  7. 7

    是否可以使用Java中的两个泛型来创建对象?

  8. 8

    是否可以使用Mockito验证测试的对象方法调用?

  9. 9

    是否可以使用CSS calc()来计算宽度/高度比?

  10. 10

    是否可以使用XPath获得此结果集?

  11. 11

    是否可以使用flex生成此网格结果?

  12. 12

    是否可以使用numpy避免此循环?

  13. 13

    是否可以使用数组隐藏多个winforms对象?

  14. 14

    是否可以使用.map()从对象数组创建对象?

  15. 15

    是否可以使用对象类型定义来构造新的数组/元组类型?

  16. 16

    是否可以使用变量从特定对象调用方法?

  17. 17

    Javascript-想知道是否可以使用此Singleton

  18. 18

    是否可以使用Java从AS400返回对象列表?

  19. 19

    是否可以使用较少的冗余来执行此代码?

  20. 20

    是否可以使用props克隆jQuery DOM对象?

  21. 21

    是否可以使用Lambda代替匿名类来创建新对象?

  22. 22

    是否可以使用解构来追加?

  23. 23

    在解组对象后,是否可以使用jaxb批注来导航对象?

  24. 24

    是否可以使用输入数据来更改对象变量?爪哇

  25. 25

    是否可以使用 switch 来选择 ImageFormat?

  26. 26

    是否可以使用 fetch 返回 JSON 对象?

  27. 27

    是否可以使用 TypeScript 对象来分派 redux 操作(以及如何分派)?

  28. 28

    是否可以使用mysql脚本获取列表对象的数据?

  29. 29

    是否可以使用 JavaScript ES6 Proxy 来观察对象何时创建

热门标签

归档