設置名字輸入後輸入一些文本通過jQuery

Question

您好我有這樣的代碼：

<input name="name1" type="text"/> 
<div class="error"></div> 

<input name="name2" type="text"/> 
<div class="error"></div> 

<input name="name3" type="text"/> 
<div class="error"></div> 

我要設置通過JQuery的div元素一些文本。 例如在'name3'後填入<div class="error"></div>

Answer 1

在您的情況下使用next()。

$(function(){ 
 
    $('input[name="name3"]').next('.error').text("Hello"); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input name="name1" type="text"/> 
 
<div class="error"></div> 
 

 
<input name="name2" type="text"/> 
 
<div class="error"></div> 
 

 
<input name="name3" type="text"/> 
 
<div class="error"></div>