jquery用图像填充div并填充输入

Question

我有以下jquery语法，用一个值填充表格行中的输入：

row.find('input[name^="bandstatus"]').val('InRange');

在每一行中，我都有一个名为priceflag的独特div，我想在其中显示绿色标记图像或红色标记。所以第一行是priceflag1，第二行是priceflag2，第三行是priceflag3等等。

通常我会用$（'＃results'）填充div .html（data）;但是如何用图像填充相应的表行div。

类似的东西：

$('name^="priceflag).val(\images\redflag.png)

希望这个问题有道理。

一如既往地感谢百万。

Answer 1

$('[name^="priceflag"]').html('<img src="/images/redflag.png" />')

请注意，您必须注意使用反斜杠，就像您正在做的那样。在javascript中，序列“\ r \ n”实际上是一个回车符，当它出现在字符串中时。所有现代操作系统都能识别路径中的正斜杠。

Answer 2

似乎你想把图像放在表格行div中：

$('div[id^="priceflag"]').html("<img src='\images\redflag.png' />");

Answer 3

我强烈建议在这种情况下使用ViewModel，例如以Knockout.js为例。通过它，您可以自动分配类，触发器功能等，而无需手动摆弄找到要更改的正确元素。 （看看：http://knockoutjs.com/）