Question

我有一个td格式：

<td>
    Business Owner - Delivery Director <br>
    <a href="mailto:me@business.com">me@business.com</a>
</td>

我怎样才能用其他内容替换文本"Business Owner - Delivery Director"？

使用this.text（）会抓取Business Owner - Delivery Director和me@business.com，但我只想要 Business Owner - Delivery Director.

Answer 1

您可以使用childNodes属性选择第一个文本节点并更改其值：

$('td')[0].childNodes[0].nodeValue = "New content";

以下是演示：http://jsfiddle.net/dpyNy/

Answer 2

使用.contents()获取文本节点（使用CharacterData interface），然后操纵其内容：

$("td").contents()[0].data = "Businees Owner (CEO)";

Demo at jsfiddle.net

Answer 3

使用结构，你必须使用split进行字符串操作：

var td = $("selector_for_the_td_element");
var text = td.html().split("<br>");
text[0] = "new content";
td.html(text.join("<br>"));

...或使用indexOf和substring：

var td = $("selector_for_the_td_element");
var text = td.html();
var index = text.indexOf("<br>");
text = "new content" + text.substring(index);
td.html(text);

现在，如果您可以将HTML结构更改为：

<td>
    <span>Business Owner - Delivery Director</span><br>
    <a href="mailto:me@business.com">me@business.com</a>
</td>

......它变得容易多了：

$("selector_for_the_td_element > span").text("new content");

Answer 4

如果html结构正是您发布的内容，您可以这样实现：

this.childNodes[0].nodeValue = 'hello'; //this is the td element

替换td中的部分文本

4 个答案: