2012-01-06 9 views

Trả lời

15

Không sử dụng chuỗi HTML cho tất cả mọi thứ!

$(this).append(
    $('<input>', { 
     type: 'text', 
     val: $('#div1').text() 
    }) 
); 
+0

Cảm ơn bạn. Có lẽ cách tốt nhất – jQuerybeast

+0

@minitech bạn có bất kỳ tài nguyên nào không sử dụng chuỗi html không? rất thích đọc về nó. Cảm ơn – jQuerybeast

+0

@jQuerybeast: Không ngoại tuyến. Tôi có thể viết một bài đăng blog về nó ngay bây giờ mặc dù :) Lý do là bạn không cần phải lo lắng về thoát và như vậy, hoặc gõ lỗi mà chỉ thể hiện bản thân tại thời gian chạy. – Ryan

2
$(this).append('<input type="text" value='+ $('#div1').html()+ '>'); 
+0

btw ... divs không có giá trị 'val()' –

+0

@JosephMarikle yeap. đã không nhận thấy nó. –

1
$(this).append('<input type="text" value=' + $('#div1').val() + '>'); 

đừng quên concatonate với +

Ngoài ra, điều này giả định $ (this) là một đối tượng thực tế.

+2

btw ... divs không có giá trị 'val()' –

+1

một đầu vào có thể được cấp một id của div1. điều này vẫn có thể chính xác vì anh ta không cung cấp html. –

+1

lol rất đúng nhưng hơi ... khó xảy ra. –

0

<div id="parent-dv"> 
    <lable for="posting">POST</lable> 
    <textarea style="width:400px; height:auto;"></textarea> 
    <input type="Submit" id="inputsubmit"> 
    <button id="clear">Clear</button> 
</div> 

$(document).ready(function(){ 
 
$('#inputsubmit').on('click',function(event) 
 
\t { 
 
var $inpute2xt = $("#parent-dv").find('textarea').val(); 
 
$('#parent-dv').append("<p></p>").addClass("newp").append($inpute2xt); 
 
\t \t \t 
 
\t } 
 
\t \t); 
 
\t 
 
\t } 
 
\t); 
 
\t 
 
\t
<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <style> 
 
    </style> 
 
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
</head> 
 
<body> 
 
    
 
<div id="parent-dv"> 
 
\t <lable for="posting">POST</lable> 
 
\t <textarea style="width:400px; height:auto;"></textarea> 
 
\t <input type="Submit" id="inputsubmit"> 
 
\t <button id="clear">Clear</button> 
 
\t <p></p> \t 
 
\t </div> 
 
    
 

 
    
 
</body> 
 
</html>