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

Question

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

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

而且效果很好。

要使用相同的算法附加一个将显示运算符“/”的div，并且标签属性等于“”，我使用:

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