Javascript jQuery附加双引号不正确

我有一个div，我想在其中附加动态元素，这些元素只是具有特定类的div，还有一些名为tag的自定义属性，函数工作正常，但对于某些元素，它的行为很奇怪，下面是一个示例： 要附加一个div，该div将显示operator=，并使tag属性等于，我使用：

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

而且效果很好

要使用相同的算法来附加一个div，该div将显示operator/，并且tag属性等于，我使用：

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

这个不起作用，它应该显示/但它不起作用！！任何帮助都将不胜感激

JSFIDDLE：

---

尝试按“相等”按钮和“除法”按钮。

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

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

---

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

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

---

单引号和双引号有些奇怪，因此字符串连接不正确。对于/div，请尝试以下操作，而不是您现有的操作：

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

---

希望有帮助

单引号和双引号有些奇怪，因此字符串连接不正确。对于/div，请尝试以下操作，而不是您现有的操作：

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

---

希望有帮助

您的属性无效，它用双引号括起来并包含双引号。$rule_assembly.append'/'您的属性无效，它用双引号括起来并包含双引号。$rule_assembly.append“/”@ProllyGeek，因为此处的标记属性中没有包装引号，因为它不包含双引号。@ProllyGeek，因为此处的标记属性中没有包装引号，因为它不包含双引号。这不起作用，检查附加的div，并检查标记属性。这不会执行所需的功能，请检查附加的div，并检查标记属性。