问题
I'm trying to create a div and give him a class but it doesn't work. Could anybody help me?
$(document).ready(function() {
$('input[type=checkbox]').each(function() {
$(this).after($('<div />', {
className: 'test',
text: "a div",
click: function(e){
e.preventDefault();
alert("test")
}}));
});
});
The css:
.test {
width:200px;
height:200px;
background-color:#eeeeee;
}
at the moment he creates the div but the color isn't #eeeeee
回答1:
use "class" instead of className
$('<div />', {
"class": 'test',
text: "a div",
click: function(e){
e.preventDefault();
alert("test")
}})
回答2:
$(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/
回答3:
$('<div>', { 'class': 'your_class' })
.load('HTML Structure', CallBackFunction())
.appendTo(document.body);
回答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');
});
Should work :)
回答5:
try class
instead of className
来源:https://stackoverflow.com/questions/7833701/how-to-create-div-with-class