从div jquery获取子输入

时间:2016-01-28 12:23:11

标签: javascript jquery input parent-child

我有一个内置UserControl的转发器,它向我显示了3个安全问题:

<asp:Repeater runat="server" ID="rptSecurityQuestions">
    <ItemTemplate>
        <it:TextBoxControl_v2
            ID="txtQuestion"
            runat="server"
            ShowLabel="true"
            MinLength="1"
            MaxLength="64"
            Label='<%# DataBinder.Eval (Container.DataItem, "question") %>'
            RegexExpression=""
            TextMode="SingleLine"
            CssClass="field field-padding-r metro col-centered securityQuestions"
            IsRequired="true" />
    </ItemTemplate>
</asp:Repeater>

它显示如下3次:

    <div class="securityQuestions">
        <span>Question 1</span>
      <input></input>
    </div>

我想要的只是得到我div的孩子的输入。

我尝试过这样的事情,但它没有成功。

$(this).children('securityQuestions').addClass('hover_triangle');

1 个答案:

答案 0 :(得分:0)

这是简单的拼写错误

通过前缀.

指定其类
   $(this).find('.securityQuestionsinput[type="text"]').addClass('hover_triangle');

如果要将类应用于输入元素的父级,请使用

$(this).find('.securityQuestionsinput[type="text"]').parent().addClass('hover_triangle');

演示:

&#13;
&#13;
$('#test').find('.test input[type="text"]').addClass('hover_triangle');
&#13;
.hover_triangle{background-color:red}
&#13;
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <div id="test">
        	<div class="test"><input type="text"></div>
        	<div class="test">2</div>
        	<div class="test">3</div>
        	<div class="test">4</div>
        	<div class="test">5</div>
        	<div class="test">6</div>
        </div>
&#13;
&#13;
&#13;