web-dev-qa-db-ja.com

クラスでdivを作成する方法

Divを作成してクラスを提供しようとしていますが、うまくいきません。誰も私を助けることができますか？

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

CSS：

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

現時点では彼はdivを作成していますが、色は#eeeeeeではありません

jquerycreation
37
fteinz

classNameの代わりに「class」を使用します

$('<div />', {
        "class": 'test',
        text: "a div",
        click: function(e){
            e.preventDefault();
            alert("test")
        }})
60
Corneliu
$(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/

6
alexl
 $('<div>', { 'class': 'your_class' })
                 .load('HTML Structure', CallBackFunction())
                 .appendTo(document.body);
5
Dipak
$('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');

});

動作するはずです:)

3
Marco Johannesen

classの代わりにclassNameを試してください

2
Uku Loskit