用jquery获得一个深层嵌套的css元素

Question

我在一个有点深度嵌套的表格下拉中运行onchange事件时遇到了麻烦。

所以基本上我有一个id为maxResultsForm的表单，其中id为listProductsResults的表位于另一个id为listProductsSettings的表中，其id为select

的maxResults标记

我已经尝试了以下选择器和许多变化而没有任何成功触发它。

$("form#maxResultsForm table#listProductsResults td table#listProductsSettings td :select#maxResults").change(function()...

谁知道我做错了什么？ 提前谢谢！

Ĵ

Answer 1

如果您有id，请执行$('#maxResults').change(...)。

Answer 2

$("form#maxResultsForm select#maxResults").change(function()...

Answer 3

你的CSS选择器倒退了。如果您在ID为maxResultsForm的表格中有“{id}为listProductsResults的表单”，那么您的选择器将如下所示：

table#listProductsResults form#maxResultsForm

但是，正如上面提到的其他答案一样，您的ID属性上的两个HTML元素不能具有相同的值，因为ID必须是唯一的。因此，如果您的<select>标记具有ID属性，则只需使用它来选择它。

$('#maxResults').change(function(){...});