长jQuery多选择器

Long jQuery multiple selector

本文关键字：选择器 jQuery      更新时间：2024-05-14

现在我有一个很长的jQuery选择器来针对许多不同的输入字段。

$('input[type="text"], input[type="number"], input[type="email"], input[type="tel"], textarea, select', ctx).each(function (){
    // do something
});

正如您所看到的，在文本编辑器中编辑时，这个字符串太长了，而且只能变长。我想知道是否有办法更好地组织它。

我试着把它分解成不同的行，像这样，

$('input[type="text"],   
    input[type="number"], 
    input[type="email"], 
    input[type="tel"], 
    textarea, 
    select', ctx).each(function (){
});

但得到错误CCD_ 1。

为了完整性，还可以考虑：

$([
    'input[type="text"]',
    'input[type="number"]',
    'input[type="email"]',
    'input[type="tel"]',
    'textarea',
    'select'
].join(', '), ctx).each( ... );

您的字符串文字没有在换行中正确终止

$('input[type="text"],'
    input[type="number"],'
    input[type="email"],'
    input[type="tel"],'
    textarea,'
    select', ctx).each(function (){
});

有一个jQuery选择器

$(':input', ctx).each(function () {...

http://api.jquery.com/input-selector/

我知道这是旧的，但我认为您也可以使用backticks (``)

$(`input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    textarea,
    select`, ctx).each(function (){
});

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

相关文章：