Question

我有一张桌子，我正在尝试替换文件名为td的兄弟，但它似乎没有用。

以下是我正在尝试的内容：

var current = $(".filename:contains('image.jpg')").siblings();
current.find(".filesize").text('new text');

HTML：

<table id="uploadifive-fileupload-queue" class="table table-striped uploadifive-queue">
    <tbody>
        <tr class="uploadifive-queue-item complete" id="uploadifive-fileupload-file-0">
            <td class="preview">thumb</td>
            <td class="filename">image.jpg</td>
            <td class="filesize">100x100</td> 
            <td class="fileinfo">Failed</td>
            <td class="fileactions">Create Thumbnail</td>
            <td class="filedelete"><button class="btn btn-danger">Delete</button></td>
        <tr>
    </tbody>
</table>

Answer 1

在一行

$(".filename:contains('image.jpg')").siblings(".filesize").text('new text');

Answer 2

current是一群所有兄弟姐妹。

current.find(".filesize")

这是.filesize的孩子current。您想要.filter来查找集合中的项目：

current.filter(".filesize").text('new text');

Answer 3

仅查找子项搜索。不是兄弟姐妹。

如果您将其更改为...

var current = $(".filename:contains('image.jpg')").parent();
current.find(".filesize").text('new text');

它有效

jQuery选择器不替换文本

3 个答案: