名前で入力フィールドを参照する方法

Question

JSコードの入力フィールドをどのように参照する必要がありますか？

input[name="email"] 

右終了しません。

$("#reg-form").find('input[name="email"]').parent("").addClass('has-error'); 

<div class="form-group"> 
    <label for="email">EMAIL</label><span> *</span> 
    <input type="text" class="form-control" name="user_details[email]"> 
    <div class="help-block"></div> 
    <!-- errors will go here --> 
</div> 

Answer 1

これを試してみてください：

.find("input[type='text']") 

Answer 2

あなたinput「メール」という名前されていない、あなたは角括弧をエスケープするために思い出しながら、フルネームを含める必要があります。これを試してみてください：

$("#reg-form").find('input[name="user_details\\[email\\]"]').parent().addClass('has-error'); 

も""がparent()の有効なセレクタではないことに注意してください。

Answer 3

$('input[name="user_details\\[email\\]"]'); 

このようにしてください。

name="email"属性を入力していません。

Answer 4

emailという名前の要素はありません。入力名はuser_details[email]です。

も空セレクタの必要は.parent()

$(document).ready(function() { 
 
    $("#reg-form") 
 
    .find('input[name="user_details[email]"]') 
 
    .parent() 
 
    .addClass('has-error') 
 
    ; 
 
});

.has-error label { 
 
    color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="reg-form"> 
 
    <div class="form-group"> 
 
    <label for="email">EMAIL</label><span> *</span> 
 
    <input type="text" class="form-control" name="user_details[email]"> 
 
    <div class="help-block"></div> 
 
    <!-- errors will go here --> 
 
    </div> 
 

 
</form>

Answer 5

ではありません単純に使用します。

$('input[name="user_details[email]"]')