jquery添加一個元素旁邊的輸入元素

我有這個html輸入。jquery添加一個元素旁邊的輸入元素

<input type='text' class='req-in' name='fname'> 
<input type='text' class='req-in' name='lname'>

我正在嘗試添加輸入字段旁邊的somr元素。我試過append()和prepend()但它出錯了。

這是我的代碼：

$('.req-in').blur(function() { 
     $(this).append('<p>some text here for this field only!</p>'); 
    });

這可能嗎？我的理想輸出是這樣的

<input type='text' class='req-in' name='fname'><p>some text here for this field only!</p> 
<input type='text' class='req-in' name='lname'>

來源

2015-04-08 gadss

您需要使用.after()方法。

將由參數指定的內容插入匹配元素集中的每個元素之後。

$('.req-in').blur(function() { 
    $(this).after('<p>some text here for this field only!</p>'); 
});

或.insertAfter()

插入該集合中的目標之後，匹配元素的每一個元素。

$('.req-in').blur(function() { 
$('<p>some text here for this field only!</p>').insertAfter($(this)); 
});

來源

2015-04-08 07:55:00

D'哦！打敗我吧。 –

鼓手打鼓手:) –

試試這個

<!DOCTYPE html> 
<html> 
<title>Stack HTML</title> 
<link rel="stylesheet" href="../repo/css/bootstrap.css" type="text/css" /> 
<script src="https://code.jquery.com/jquery-2.1.3.js"></script> 
<script src="../repo/js/bootstrap.js"></script> 
<script src="../repo/js/jquery.validate.js"></script> 
<head></head> 
<body> 

    <input type='text' class='req-in' name='fname'> 
    <input type='text' class='req-in' name='lname'> 

    <script> 
     $(document.body).on('blur', '.req-in' ,function(){ 
      $(this).after('<p>some text here for this field only!</p>'); 
     }); 
    </script> 
</body> 
</html>

來源

2015-04-08 08:06:51 Butterfly

jquery添加一個元素旁邊的輸入元素

回答

相關問題