使用jQuery輸入后如何選擇div？

Question

我嘗試了所有這三個方法，但是在動態輸入后無法添加文本以使其span 。 我究竟做錯了什么？

$(this).next('.error').html('Becareful Baby!');
$(this).closest('br').next('.error').html('Becareful Baby!');
$(this).closest('.error').html('Becareful Baby!');

 $("input").on("keydown", function(){ $(this).next('.error').html('Becareful Baby!'); $(this).closest('br').next('.error').html('Becareful Baby!'); $(this).closest('.error').html('Becareful Baby!'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" name="fname" id="fname" class="nametxt" /> <br /> <span class="error"></span> 

Answer 1

$(this).next()僅會為您提供所選元素之后的元素。 提供選擇器將進一步縮小結果范圍。 輸入元素后的元素是<br/> ，因此.next()會為您提供。

我建議使用$(this).siblings('.error') 。 這是一個示例： https : //jsfiddle.net/77nvepos/1/

Answer 2

您可以使用next().next('.error') 。 這將使您在選擇兩個元素之后獲得元素。 文獻資料

 $("input").on("keydown", function(){ $(this).next().next(".error").html('Becareful Baby!'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" name="fname" id="fname" class="nametxt" /> <br /> <span class="error"></span> <span class="error"></span>