如何通过赋值运算符在jquery中附加html

Question

我正在研究Knockout.js

<span data-bind="text: isNegotiable"></span>

我的jquery代码是：

self.isNegotiable = '<strike>Negotiable</strike>';

如何在jquery中执行此html标记，因为我不能在这里使用.html（）函数。

Answer 1

如果始终显示strike，您可以在范围内移动<span><strike data-bind="text: isNegotiable"></strike></span>。

另一种选择是将isNegotiable上的逻辑从字符串更改为布尔值：

self.isNegotiable(true or false)

<!-- ko if: !isNegotiable -->
<span><strike>Negotiable</strike></span>
<!-- /ko -->
<!-- ko if: isNegotiable -->
<span>Negotiable</span>
<!-- /ko -->

第三种选择是创建custom bindinghandler。在这里，你可以使用jQuery创建html节点，基于某些逻辑（如果isNegotgot是真或假），但最后一个选项（ko：if）是最简单的，如果你没有＆＃39;我知道如何创建custom bindinghandler。

问候

Answer 2

查看html binding。

<span data-bind="html: isNegotiable"></span>