Получения ребенка ввода от сНа JQuery

Question

У меня есть ретранслятор, который имеет 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'); 

Answer 1

Это просто ошибка опечатка

Укажите его класс, предваряя .

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

, если вы хотите применить класс к родителю использования входного элемента ниже

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

Демонстрация:

$('#test').find('.test input[type="text"]').addClass('hover_triangle');

.hover_triangle{background-color:red}

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
     <div id="test"> 
 
     \t <div class="test"><input type="text"></div> 
 
     \t <div class="test">2</div> 
 
     \t <div class="test">3</div> 
 
     \t <div class="test">4</div> 
 
     \t <div class="test">5</div> 
 
     \t <div class="test">6</div> 
 
     </div>