Question

<div class="col-md-6">
        <label class="col-md-3 control-label">Add. Subnet</label>
        <div id="divaddedsubnets" class="col-md-6">
            <input id="addedsubnets" name="addedsubnets" type="text" data-role="tagsinput" readonly="readonly" style="display: none;">
            <div class="bootstrap-tagsinput">
                here I should catch thi://<input type="text" placeholder="" style="width: 3em !important;">
            </div>
        </div>
    </div>

上面有一个简单的div元素我需要通过jquery选择器获取该输入字段;我尝试这些;

$("#divaddedsubnets > div input[type='text']"),$("#divaddedsubnets > div > input")

没有作品..

Answer 1

对直系孩子使用>

$("#divaddedsubnets > input")

＆＃13;

$("#divaddedsubnets > input").css('background', 'green');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="col-md-6">
  <label class="col-md-3 control-label">Add. Subnet</label>
  <div id="divaddedsubnets" class="col-md-6">
    <input id="addedsubnets" name="addedsubnets" type="text" data-role="tagsinput" readonly="readonly">
    <div class="bootstrap-tagsinput">
      here I should catch thi://
      <input type="text" placeholder="" style="width: 3em !important;">
    </div>
  </div>
</div>

＆＃13;

对直接/嵌套儿童使用space

$("#divaddedsubnets input")

＆＃13;

$("#divaddedsubnets input").css('background', 'green');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="col-md-6">
  <label class="col-md-3 control-label">Add. Subnet</label>
  <div id="divaddedsubnets" class="col-md-6">
    <input id="addedsubnets" name="addedsubnets" type="text" data-role="tagsinput" readonly="readonly">
    <div class="bootstrap-tagsinput">
      here I should catch thi://
      <input type="text" placeholder="" style="width: 3em !important;">
    </div>
  </div>
</div>

＆＃13;

jquery在div中选择测试输入

1 个答案: