jquery选择器:ID以某些东西开头(关键字"section")

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');

你在做什么本质上是一个基于类的查找,这将是适当的机制.