jQuery追加双引号;不能正常工作

jQuery appending double quote doesn't work properely

本文关键字:常工作 工作 不能 追加 jQuery      更新时间:2024-03-21

我有一个div,我想在里面添加动态元素,这些元素只是有特定类的div,还有一些名为tag的自定义属性,该函数工作得很好,但对于一些元素,它的行为很奇怪,这里有一个例子:要附加一个div,它将显示运算符"=",并且标记属性等于",我使用:

$("#Add_equal").click(function(){
    $("#rule_assembly").append('<div tag="<equal></equal>" class="block operator">=</div>') 

而且效果很好。

为了使用相同的算法来附加一个div,该div将显示运算符"/",并且标记属性等于",我使用:

 $("#rule_assembly").append('<div tag="<expr operator="/"></expr>" class="block mathoperator">/</div>')

这个不起作用——它应该显示"/",但它不起作用!!任何帮助都将不胜感激。

JSFIDDLE:http://jsfiddle.net/prollygeek/eQYdn/

试着按下相等按钮和除法按钮。

您的属性无效,它被双引号包裹并包含双引号。必须转义内部引号。

'<div tag="<expr operator=&quot;/&quot;></expr>" class="block mathoperator">/</div>'

http://jsfiddle.net/eQYdn/3/

您的单引号和双引号有一些奇怪之处,因此字符串连接不正确。请尝试对/div执行以下操作,而不是现有操作:

 $("#rule_assembly").append('<div tag="<expr operator=' + '/' + '></expr>" class="block mathoperator">/</div>');

希望能有所帮助!