Question

我想定位所有id以“section”开头的div;对于每个这些div，我想显示以“pre”开头的输入类型的子div。

    //groups = $('div [id^=section]');  
    groups = $('[id^=section]');    

    $.each(groups, function(key, group) {
         alert(key + ': ' + group); 
        //inputs = group.('[id^=pre]'); 
    });


<div id="section-A1">       
    <input id="preBeginDtl" name="BeginDtlFields" value="" type="hidden">
    <input id="other" name="name2" value="" type="input">
    <input id="preGroup" name="GRP" value="AA" type="hidden">
</div>

Answer 1

这可以作为选择器使用：

$('[id^=section] > [id^=pre]')

但是，我认为你不能改变输入元素的type属性。您可能只想将'pre'输入设置为type =“text”（而不是type =“hidden”），并将其css display属性设置为none。然后使用jQuery show（）取消隐藏它。

<div id="section-A1">       
    <input id="preBeginDtl" name="BeginDtlFields" value="" type="text" style="display:none">
    <input id="other" name="name2" value="" type="text">
    <input id="preGroup" name="GRP" value="AA" type="text" style="display:none">
</div>

和

$('[id^=section] > [id^=pre]').show()

Answer 2

groups = $('[id^=section]');    

$.each(groups, function(key, group) {
    inputs = $(group).children('[id^=pre]'); 
});

Answer 3

不是寻找部分ID，也许你应该在div中添加“section”和“pre”类？然后你可以搜索

groups = $('div.section div.pre');

您正在做的事实上是基于类的查找，这将是适当的机制。

jquery选择器：ID以某些东西开头（关键字“section”）

3 个答案: