如何使用Jquery在几个div标签中获取输入标签?

时间:2014-08-05 15:37:56

标签: javascript jquery html css

我有这个:

<div class="div1">
 <div class="div2">
  <div class="div3">
   <div>
    <input></input>
   </div>
   <input></input>
  </div>
 </div>
</div>

我想用JQuery获取输入标记并使用Css。

我试过了:

   $('.div1 :input').css('background-color','blue');

但它不起作用。

问题是还有另一个输入标签吗?

修改: 很抱歉没有详细说明。 我使用Nintex的日期控制表格,他的输入标签默认已经有css。问题解决了!

2 个答案:

答案 0 :(得分:0)

由于您已通过评论更新了您只想要第一个输入,因此请在搜索结果中使用first()方法,或使用:first选择器。以下两个例子:

$('.div1 :input').first().css('background-color','blue');

http://jsfiddle.net/TrueBlueAussie/3LftU/2/

$('.div1 :input:first').css('background-color','blue');

http://jsfiddle.net/TrueBlueAussie/3LftU/3/

答案 1 :(得分:0)

正如你在评论中提到的那样,插件有一个输入字段,你要改变的css已经是他们的,你可以做这样的事情

$('.div1 :input').style('background-color','blue','important');