使用变量和html元素的组合创建选择器

Question

可以组合变量和html元素以创建选择器吗？

说，我有这个变量：

var element = $('.myElement');

是否可以重复使用此变量而不是这样做：

$('.myElement input').val('');

类似......（显然不起作用）

$(element 'input').val('');

感谢。

Answer 1

您可以使用.find()，

来完成

element.find('input').val('');

请阅读here以了解有关.find()

的更多信息

---

正如Mildly建议的那样，你也可以使用选择器的上下文功能。

$('input', element)

Answer 2

您可以为选择器使用可选上下文，例如jQuery( selector [, context ] )。

例如：

var element = $('.myElement');
var child = $('input', element);

Docs

Answer 3

您可以使用：

$(element + 'input').val('');

有关选择器的更多信息：

http://api.jquery.com/category/selectors/

当'input'元素不总是可用或选择更多元素时，find()函数非常有用，您可以遍历每个项目：

$(element).find('input').each(function() { /*some code*/ } );