附加双引号的jQuery无法正常工作

Question

我有一个div，我想在其中添加动态元素，这些元素只是具有特定类的div，以及一些名为tag的自定义属性，该函数工作正常，但对于某些元素，它只是行为怪异，这里是一个例如： 要附加一个显示运算符“=”的div，并且tag属性等于“”，我使用：

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

它工作正常。

使用相同的算法附加一个显示运算符“/”的div，并且tag属性等于“”，我使用：

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

这个不起作用它应该显示“/”但它不会!!任何帮助将不胜感激。

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

尝试按下等号按钮和分割按钮。

Answer 1

您的属性无效，它用双引号括起来并包含双引号。你必须逃避内部引号。

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

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

Answer 2

你的单引号和双引号有些奇怪，所以字符串连接不正确。请尝试以下/ div而不是您所拥有的：

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

希望有所帮助！