jquery - insertar - Cómo crear div con clase

jquery create div

Question

Intento crear un div y darle una clase pero no funciona. ¿Alguien podría ayudarme?

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

El css:

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

en el momento en que crea el div pero el color no es #eeeeee

Answer 1

prueba class lugar de className

Answer 2

use "clase" en lugar de className

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

Answer 3

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

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'');

});

Deberia trabajar :)

Answer 5

$(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/