jquery - 更改 td 内的纯文本的一部分

Question

我没有找到这个特定问题的答案。

我有一个动态生成的表。它是一个包含姓名、国家、排名和分数的分数表。我想用图像替换纯文本。

<table>
  <tr>
    <td>1.</td>
    <td>Lindsey Vonn (usa)</td>
    <td>440</td>
  </tr>
  <tr>
    <td>2.</td>
    <td>Lara Gut (sui)</td>
    <td>400</td>
  </tr>
  <tr>
    <td>3.</td>
    <td>Nicole Hosp (at)</td>
    <td>380</td>
  </tr>
</table>

目标是用美国国旗(图片)取代(美国)。与 (sui) 相同，依此类推......我没有 table、td 或 tr 的 ID 或类。

Answer 1

使用 regex如\(([a-z]*)\)并使用返回的值显示名称为 img src 的文件:

$("table tr td:nth-child(2)").each(function(index, item) {
    $(item).html(function(index, text) {
        return text.replace(/\(([a-z]*)\)/, "<img src=\"$1.jpg\" />");
    });
});

Fiddle is here