Question

我有html像底码

<table>
    <tr>
        <td>
            {name length='100'}
        </td>
        <td>
            {otherText length='100'}
        </td>
        <td>
            {otherText2 length='100'}
        </td>
    </tr>
</table>

我想更改以td开头的{name文字。

我该怎么做？

Answer 1

如果要替换以{name开头的整个内部文本，请尝试以下操作：

// added this condition to have the startsWith function in all browsers
if (!String.prototype.startsWith) {
    String.prototype.startsWith = function(searchString, position) {
        position = position || 0;
        return this.indexOf(searchString, position) === position;
    };
}

function replace(newVal) {
    var tds = document.getElementsByTagName("td");
    for (var i = 0; i < tds.length; i++) {
        var elem = tds[i];
        if ( elem.innerText.startsWith("{name") ) {
            elem.innerText = newVal;
        }
    }
}

replace("new-value");

<body>
  <table>
    <tr>
      <td>
        {name length='100'}
      </td>
    </tr>
  </table>
</body>

修改

正如Mohammad所说，并非所有浏览器都支持startsWith方法。见下表：

╔═══════════════╦════════╦═════════╦═══════╦═══════════════════╦═══════╦════════╗ ║ Feature ║ Chrome ║ Firefox ║ Edge ║ Internet Explorer ║ Opera ║ Safari ║ ╠═══════════════╬════════╬═════════╬═══════╬═══════════════════╬═══════╬════════╣ ║ Basic Support ║ 41 ║ 17 ║ (Yes) ║ No Support ║ 28 ║ 9 ║ ╚═══════════════╩════════╩═════════╩═══════╩═══════════════════╩═══════╩════════╝

这就是我添加上述条件的原因 - 在所有浏览器中都有startsWith功能。

Answer 2

您可以使用jquery text(function)来迭代所有td文本，并使用match()按正则表达式检查文本内容。

＆＃13;

$("td").text(function(index, text){
    if (text.trim().match(/^{name/))
        return "Changed text";
});

＆＃13;

table, tr, td {
  border: 1px solid black;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      {name length='100'}
    </td>
    <td>
      {type length='100'}
    </td>
    <td>
      {other length='100'}
    </td>
  </tr>
</table>

＆＃13;

Answer 3

$('td').html('{name '+new_text);

替换以特定文本开头的元素文本

3 个答案: