Question

有没有办法在“某些内容”<td>中获取内容。我不想要按钮的内容。

$('.edit').click(function() {
   var content = $(this).closest('td').not('button').text();
   console.log();
});


<tr>
   <td>hello</td>
   <td>some content <button type="button" class="edit">Edit</button></td>
</tr>

现在它正在显示：

一些内容[这里的巨大空间]编辑

我想要的结果：

一些内容[无论是什么空间]

Answer 1

你可以使用这样的东西来获取文字。

var content = $(this).closest('td').text().replace($(this).text(), '').trim();

但这是个坏主意。因为如果你有这样的代码

<td>Editsome content <button type="button" class="edit">Edit</button></td>

结果你会得到'some contentEdit' 因此，最好将“some text”放到例如<span class="content">并通过类选择器获取。

<td><span class="content">some content </span><button type="button" class="edit">Edit</button></td>

$(this).closest('td').children('.content').text()

或将button转到另一个td

在没有按钮的td中获取文本

1 个答案: