Cách tạo div với lớp

Question

Tôi đang cố gắng tạo một div và cho anh ta một lớp nhưng nó không hoạt động. Có ai giúp tôi không?

$(document).ready(function() { 
$('input[type=checkbox]').each(function() { 
    $(this).after($('<div />', { 
     className: 'test', 
     text: "a div", 
     click: function(e){ 
      e.preventDefault(); 
      alert("test") 
     }})); 
    }); 
}); 

Các css:

.test { 
    width:200px; 
    height:200px; 
    background-color:#eeeeee; 
    } 

vào lúc này ông tạo ra div nhưng màu sắc không #eeeeee

Answer 1

sử dụng "lớp học" thay vì của className

$('<div />', { 
     "class": 'test', 
     text: "a div", 
     click: function(e){ 
      e.preventDefault(); 
      alert("test") 
     }}) 

Answer 2

thử class thay vì className

Answer 3

$(document).ready(function() { 
$('input[type=checkbox]').each(function() { 
    $(this).after($('<div />', { 
     class: 'test', 
     text: "a div", 
     click: function(e){ 
      e.preventDefault(); 
      alert("test") 
     }})); 
    }); 
}); 

http://jsfiddle.net/yF9pA/1/

Answer 4

$('input[type=checkbox]').each(function() { 

$(this).after('<div></div>').addClass('test') 
    .filter('div').html('a div') 
.click(function() { 
    alert('Handler for .click() called.'); 
}).end() 
.appendTo('this'); 

}); 

nên làm việc :)

Answer 5

$('<div>', { 'class': 'your_class' }) 
       .load('HTML Structure', CallBackFunction()) 
       .appendTo(document.body);