如何用類創建div

我正在嘗試創建一個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; 
    }

此刻他創造的股利，但顏色不是#eeeeee

來源

2011-10-20 fteinz

請提供HTML太... – Luke

使用「類」，而不是className

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

來源

2011-10-20 09:27:05 Corneliu

這在IE中起作用，因爲你使類成爲String文字。 –

謝謝，非常有用！但是這裏的文檔在哪裏？我無法在任何地方找到它 –

嘗試class代替className

來源

2011-10-20 09:23:02

我有嘗試，但它dosnt工作！？ – fteinz

適合我。 http://jsfiddle.net/mpaW4/ –

我坐在一個ie7瀏覽器是否有可能f .... ie是合理的。 – fteinz

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

來源

2011-10-20 09:27:28 alexl

我已經嘗試過，但它dosnt爲我工作。有可能IE 7是合理的。 – fteinz

試着看看corneliu的答案，它使得class屬性成爲一個字符串文字，它應該解決ie問題。 –

更好用引號 - 'class'：'test'。 becouse類是一些IE版本中的預留字。 – Levsha

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

});

應該工作:)

來源

2011-10-20 09:30:45

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

來源

2014-10-13 15:39:11 Dipak

如何用類創建div

回答

相關問題