Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2008/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery对具有相同类名的三个对象中的第一个对象执行操作_Jquery_Jquery Ui_Jquery Plugins - Fatal编程技术网

jquery对具有相同类名的三个对象中的第一个对象执行操作

jquery对具有相同类名的三个对象中的第一个对象执行操作,jquery,jquery-ui,jquery-plugins,Jquery,Jquery Ui,Jquery Plugins,我的html页面中有3个选择选项,如下所示 <select class="combo"> <option value=""></option> <option value="1"></option> <option value="2"></option> <option value="3"></option> </select>

我的html页面中有3个选择选项,如下所示

    <select class="combo">
    <option value=""></option>
    <option value="1"></option>
    <option value="2"></option>
    <option value="3"></option>
    </select>
    <br/>
    <select class="combo">
        <option value="1"></option>
    <option value="2"></option>
    <option value="3"></option>
    </select>
    <br/>
    <select class="combo">
       <option value="1"></option>
    <option value="2"></option>
    <option value="3"></option>
    </select>
<br/>
<button type="submit" class="search_btn">
                                <img src="media/images/search_icon.png" title="Search" /></button>
                            <input type="text" lang="fa" id="search" name="search"/>
问题是我不知道如何为第一个select而不是第二个和第三个select处理这个操作(因为它们有相同的类名)


请注意,我不想将ID设置为代码预览中的第一个选择

您可以使用
:第一个
选择器:

if ( $('.combo:has(option):first').length > 0 ) { 
   $('#search').val('');
}

请注意,
$('.combo:has(option):first')
不同于
$('.combo:first:has(option))
第一个选择具有option元素的第一个
select.combo
,第二个选择具有option元素的第一个
select.combo

您可以使用
:第一个
选择器:

if ( $('.combo:has(option):first').length > 0 ) { 
   $('#search').val('');
}

请注意,
$('.combo:has(option):first')
不同于
$('.combo:first:has(option))
第一个选择具有option元素的第一个
select.combo
,第二个选择具有option元素的第一个
select.combo

您可以尝试使用jQuery提供的
:first()
选择器(http://api.jquery.com/first/)

给定一个表示一组DOM元素的jQuery对象 .first()方法从第一个匹配项构造一个新的jQuery对象 元素


您可以尝试使用jQuery提供的
:first()
选择器(http://api.jquery.com/first/)

给定一个表示一组DOM元素的jQuery对象 .first()方法从第一个匹配项构造一个新的jQuery对象 元素


在jQuery中使用:first选择器检索第一个选项,如下所示:

if ( $('.combo:has(option):first').length > 0 ) { 
   $('#search').val('');
}

使用:jQuery中的第一个选择器检索第一个选项,如下所示:

if ( $('.combo:has(option):first').length > 0 ) { 
   $('#search').val('');
}

我不知道你想要什么。。但是要根据这个回答

如果第一个select值不是null,则触发一个操作

哎呀。我错过了选择的第一个选项。我刚刚编辑了这个问题。我的意思是当选项是除第一个以外的任何选项时“

JS:

if( $('.combo:first').val() == '') {  //assuming not NULL means select value
   $('#search').val('');
}

:first
用于从所选元素中选择第一个匹配元素。

我不确定您想要什么。。但是要根据这个回答

如果第一个select值不是null,则触发一个操作

哎呀。我错过了选择的第一个选项。我刚刚编辑了这个问题。我的意思是当选项是除第一个以外的任何选项时“

JS:

if( $('.combo:first').val() == '') {  //assuming not NULL means select value
   $('#search').val('');
}

:first
用于从所选元素中选择第一个匹配元素。

选择值不为null是什么意思?@Vega:OOPS。我错过了选择的第一个选项。我刚刚编辑了这个问题。我的意思是,当选项是除第一个“”之外的任何内容时,select值不为null是什么意思?@Vega:OOPS。我错过了选择的第一个选项。我刚刚编辑了这个问题。我的意思是当选项是除第一个以外的任何选项时“