Question

这里有编码问题。如果没有为标签分配类，我如何使用外部脚本更改内容？我想更改加法运算符。

<tr>
<td><div id="number1">1</div></td>
<td><div>+</div></td>
<td><div id="number2">2</div></td>
<td><div>=</div></td>
<td><input type="text"></input></td>
<td><input type="button" value="Check"></input></td>

谢谢

Answer 1

使用

     var elem = document.getElementById("number1"); /*this will get the  div element for which you want to change the text. "number1" can be any ID*/
     elem.innerHTML="123" /* this will update the text of that div*/

Answer 2

<tr>
<td><div id="number1">1</div></td>
<td><div>+</div></td>
<td><div id="number2">2</div></td>
<td><div>= <span id="result"></></div></td>
<td><input type="text"></input></td>
<td><input type="button" value="Check"></input></td>

Jquery代码：

$(function(){
    $('#result').text('your text here ....');
});

Answer 3

我假设您要使用JS或类似方法更改标记客户端 - 我在下面使用jQuery提供了一些示例。

最强大的解决方案将涉及更改标记，以便存在DIV的某些识别功能，例如添加类，例如

<td><div class="operator">+</div></td>

完成后，您可以选择元素并使用jQuery更改其内容，如下所示：

jQuery('.operator').html("added to");

如果您无法更改标记，则需要找到一些其他方法来识别元素。

如果无法访问整个标记，很难可靠地说出最佳方式，但这里有一个基于您提供的标记的示例。它的工作原理是在每个TR元素中找到第二个TD元素。

jQuery('tr td:nth-child(2)').html("added to");

参考：http://api.jquery.com/nth-child-selector/

更改<div> </div>中的文本

3 个答案: