jquery nối div bên trong div với id và thao tác

Question

sau 2 giờ tìm kiếm Tôi quyết định đặt câu hỏi của mình.

Tôi có một div:

<div id="box"></div> 

Tôi muốn thêm một div bên trong div trên sử dụng jquery.

tôi đã cố gắng (mã sau đây là bên trong một hàm):

var e = $('<div style="display:block; float:left;width:'+width+'px; height:'+height+'px; margin-top:'+positionY+'px;margin-left:'+positionX+'px;border:1px dashed #CCCCCC;"></div>'); 
$('div', e).attr('id', 'myid'); 
$("#box").append(e); 

nhưng truy cập vào $ ("# myid") không được làm việc.

bất kỳ ý tưởng nào về cách thêm div trong div và có thể thao tác chúng?

cảm ơn bạn!

Answer 1

Nó chỉ là thứ tự sai

var e = $('<div style="display:block; float:left;width:'+width+'px; height:'+height+'px; margin-top:'+positionY+'px;margin-left:'+positionX+'px;border:1px dashed #CCCCCC;"></div>'); 
$('#box').append(e);  
e.attr('id', 'myid'); 

Nối đầu tiên và sau đó truy cập/bộ attr.

Answer 2

điều Bạn đang overcomplicating:

var e = $('<div style="display:block; float:left;width:'+width+'px; height:'+height+'px; margin-top:'+positionY+'px;margin-left:'+positionX+'px;border:1px dashed #CCCCCC;"></div>'); 
e.attr('id', 'myid'); 
$('#box').append(e); 

Ví dụ: http://jsfiddle.net/ambiguous/Dm5J2/

Answer 3

var e = $('<div style="display:block; id="myid" float:left;width:'+width+'px; height:'+height+'px; margin-top:'+positionY+'px;margin-left:'+positionX+'px;border:1px dashed #CCCCCC;"></div>'); 
$("#box").html(e); 

Answer 4

Tại sao không đi thậm chí đơn giản hơn với một trong hai một trong các tùy chọn này:

$("#box").html('<div id="myid" style="display:block; float:left;width:'+width+'px; height:'+height+'px; margin-top:'+positionY+'px;margin-left:'+positionX+'px;border:1px dashed #CCCCCC;"></div>'); 

Hoặc, nếu bạn muốn thêm nó vào nội dung hiện có:

$("#box").append('<div id="myid" style="display:block; float:left;width:'+width+'px; height:'+height+'px; margin-top:'+positionY+'px;margin-left:'+positionX+'px;border:1px dashed #CCCCCC;"></div>'); 

Lưu ý: Tôi đặt ngay id="myid" vào chuỗi HTML thay vì sử dụng mã riêng để đặt.

Cả hai phương thức .html() và .append() jQuery đều có thể lấy chuỗi HTML nên không cần sử dụng bước riêng để tạo đối tượng.