追加DIV并立即在jQuery中添加类

追加DIV并立即在jQuery中添加类,jquery,Jquery,我试图完成的是:我想在现有DIV之后添加一个DIV,并为其指定一个特定的类 我从这个开始: var myClass = "thisIsMyClass"; $(this).after("<div></div>").addClass(myClass) var myClass=“thismyclass”; $(this).after(“”).addClass(myClass) 问题是myClass被添加到$(this)而不是新创建的DIV 所以我试了一下: var myCl

我试图完成的是:我想在现有DIV之后添加一个DIV,并为其指定一个特定的类

我从这个开始:

var myClass = "thisIsMyClass";
$(this).after("<div></div>").addClass(myClass)
var myClass=“thismyclass”;
$(this).after(“”).addClass(myClass)
问题是myClass被添加到$(this)而不是新创建的DIV

所以我试了一下:

var myClass = "thisIsMyClass";
$(this).after("<div class='" & thisIsMyClass & "'></div>")
var myClass=“thismyclass”;
$(此)。在(“”)之后
但是jQuery也不喜欢这样

但是,我可以这样做:

$(this).after("<div class='thisIsMyClass'></div>")
$(this).after(“”)
jQuery可以使用这种语法。当然,我失去了将其作为变量传递的能力

我猜我做的事情很明显是错的。但我不明白那是什么

可能类似于:

var myClass = "thisIsMyClass";
var div = $("<div></div>").addClass(myClass);
$(this).after(div);
var myClass=“thismyclass”;
var div=$(“”)。addClass(myClass);
美元(本)。在(div)之后;
因为这不是vb,所以使用&didnt可以工作,字符串连接是用+

$(this)完成的;
$(this).after( $("<div></div>").addClass(myClass) );

我通常会做这样的事情:

var myClass = 'thisIsMyClass';
$(this).after($("<div/>").addClass(myClass));
$('<div/>',{ class : 'sample'}).appendTo("body");
var myClass='thisIsMyClass';
$(this).after($(“”).addClass(myClass));
您是否尝试使用“+”字符而不是“&”字符? 顺便问一下,我在一些命令的末尾没有看到分号,这可能是错误的吗

var myClass = "thisIsMyClass";
$(this).after("<div class='"+ thisIsMyClass +"'></div>");
var myClass=“thismyclass”;
$(此)。在(“”)之后;
$(“”).insertAfter(this).addClass(myClass);

JQuery after方法返回与启用后调用的选择器相同的选择器,以允许方法链接(与大多数JQuery方法一样),这就是为什么您的类名会出现在this元素上

为此,您可以执行以下操作之一:

$(this).after($('<div class="' + myClass + '"></div>'));
$(this).在($('')之后;
或颠倒选择器顺序:

$('<div></div>').insertAfter($(this)).addClass('thisIsMyClass');
$('').insertAfter($(this)).addClass('thismyclass');

我之所以这么做,是因为当我稍后访问代码时,它非常容易阅读

$('#description').append('<p></p>');
$('#description p:last-child').addClass('name');
$('#description')。追加('

'); $('#description p:last child').addClass('name');
虽然很晚才回复,但这是上述问题的具体解决方案。您可以通过js向任何选择器添加带有类的div,如下所示:

var myClass = 'thisIsMyClass';
$(this).after($("<div/>").addClass(myClass));
$('<div/>',{ class : 'sample'}).appendTo("body");
$('',{class:'sample'}).appendTo(“body”);

“因为这不是vb”。啊!(我正在拍我的额头)。很明显,我昨晚没有得到足够的睡眠。我不知道为什么我从来没有想到要在jQuery中嵌套语句。谢谢你,科比!这是一个有趣的选择。谢谢