javascript - 如何根据类型过滤元素(<select>)

标签 javascript jquery

我有一个元素集合,我想根据所有元素都是类型的条件对其进行过滤。

例如。

$('.container').children('type[:select]')

我知道上面的代码无效,但我想要类似的东西,我想要所有具有类型的元素。

请原谅我的 js 代码,还是新手!

最佳答案

几乎与您使用的完全一样,除了 select 是一个元素

var $selects = $('.container').children('select');

var $selects = $('.container').find('select');

两者之间的区别是:

the .children() method differs from .find() in that .children() only travels a single level down the DOM tree while .find() can traverse down multiple levels to select descendant elements (grandchildren, etc.) as well.

来自:jQuery.children documentation

您也可以在 1 个选择器中完全完成此操作 - 对于直系后代(类似于上面的 children)

var $selects = $('.container > select');

或任何后代

var $selects = $('.container select');

关于javascript - 如何根据类型过滤元素(<select>),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38375141/

相关文章:

node.js - 获取帖子的有效载荷

javascript - 识别选定的下拉选项并将代码添加到正文

javascript - iframe 在 AngularJS 1.3.0 中不起作用

javascript - Three.js 为 faceColors 和 vertexColors 重用几何体

javascript - 如果出现在视口(viewport)中,则运行 function() ? jquery 视口(viewport)检查器

javascript - 将 HTML 输入框与其他输入一起拉伸(stretch)?

php - AJAX POST 无法在 DIV 中加载 PHP 页面

javascript - 需要在Javascript中编写正则表达式

javascript - $scope.$watch 不触发( Controller 作为虚拟机)

php - 用户关闭窗口时的Ajax查询?