Jquery选择器选择选项

时间:2018-05-03 18:12:49

标签: javascript

我写了一个基本上选择所有input[type="tel"], input[type="url"], select option, textarea元素的代码:

$(this).find('input[type="text"], input[type="password"],
input[type="username"], input[type="email"], input[type="tel"], 
input[type="url"], select option, textarea').each(function(){ 

HTML

<div class="col-md-7">
   <select id="cluster" name="cluster" class="form-control col-md-12">
     <option value="css">CSS</option>
   </select>
</div>

select option不知道。我试了但是没用了

1 个答案:

答案 0 :(得分:0)

HTML

<form>
<input type="text" />
<input type="password" />
<input type="username" />
<input type="email" />
<input type="tel" />
<input type="url"  />
<select>
    <option>a</option>
    <option>b</option>
</select>
<textarea></textarea>

JS

$('body').find('input[type="text"], input[type="password"], input[type="username"], input[type="email"], input[type="tel"], input[type="url"], select option, textarea').each(function(i,e){
    console.log(e)
})

注意:您可以通过元素的某个父元素更改$('body')

返回

<input type="text" />
<input type="password" />
<input type="username" />
<input type="email" />
<input type="tel" />
<input type="url"  />
<option>a</option>
<option>b</option>
<textarea></textarea>