根据单元格的值将CSS生成的图像分配给表中的单元格

Question

我有css和html here in jsfiddle。 CSS有点复杂（对我而言）。

我正在使用没有特定ID的表。我通过获取他们的类名来获得它们。

表中的行：

<tr class = "field_34">
  <th class = "kn-label">
    <span>Home</span>
  </th>
  <td class = "kn-value">
    <span>On</span>
  </td>
</tr>

我想将CSS生成的图像分配给“On”值。可以这样做吗？怎么样？

---

Tim 333给出了解决方案。谢谢！证据在这里：

http://jsfiddle.net/VpvxR/

Answer 1

我有点使用jquery使用代码替换On和你的css的一些div：

cssimage = '<div class="button-wrap">  <div class="button-out">On</div> <div class="button-switch"></div> </div>'

$('span:contains("On")').html(cssimage);

见http://jsfiddle.net/VpvxR/