如何使用jQuery选择相邻的表格单元格

鲍比·琼斯

我真的需要你的帮助

如何从选择框中选择相邻的表格单元格并插入一些文本?

似乎下面的代码没有按我想的那样工作,从类名是.selectbox的引用点开始,也许有更好的方法,所以我愿意提出建议。

$('#fin-code-alot').closest('.selectbox').next().html('test')

这是层次结构/标记:

<table>
    <tr>
        <td>Allotment:</td>
        <td>
            <div class="selectbox">
                <div class="selectric-selectbox">
                <select id="fin-code-alot" class="custom-options">
                    <option value="">&nbsp;</option>
                    <option value="120">120</option>
                    <option value="12D">12D</option>            
                </select>
                </div>
            </div>
        </td>
        <td>Put Some Text Here</td>
        <td></td>
    </tr>
</table>
溜冰者6

您的代码仅选择<div class="selectbox">没有下一个同级元素。

您需要选择closest表格单元格,然后选择next同级:

$('#fin-code-alot').closest('td').next('td').text('test')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <tr>
        <td>Allotment:</td>
        <td>
            <div class="selectbox">
                <div class="selectric-selectbox">
                <select id="fin-code-alot" class="custom-options">
                    <option value="">&nbsp;</option>
                    <option value="120">120</option>
                    <option value="12D">12D</option>            
                </select>
                </div>
            </div>
        </td>
        <td>Put Some Text Here</td>
        <td></td>
    </tr>
</table>

另外,.text()如果您仅插入文本,则建议使用更安全的方法,而不是.html()当然,如果需要插入HTML内容,则需要使用后者。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

单击使用 jquery 选择表格中单元格的文本

如何使用JS / jQuery在HTML表格中选择一个特定的单元格?

如何使用 JQuery 删除表格单元格的某些元素

如何使用jQuery获取表格单元格值?

如何使用Jquery内联编辑HTML表格单元格

如何选择,取消选择和单个表格单元格

Jquery 选择特定的表格单元格并填充列表

使用jQuery选择器获取一系列表格单元格

使用 Jquery 在 HTML 表格中只允许每列选择一个单元格

当相邻单元格在谷歌表格中为空时,如何列出非空单元格?

如何使用 IF 选择单元格?

如何仅在 Word 表格单元格中选择文本

选择单元格时如何获取表格标题的值?

如何正确选择表格单元格内的 div

使用Find()编辑(相邻)单元格

使用数组填充相邻单元格

如何使用鼠标阻止Word(2016)选择整个表格单元格

使用JS合并具有相同值的相邻HTML表格单元格

使用电子表格创建场景映射并引用相邻单元格(场景)

使表格单元格内的2个按钮彼此相邻

OnEdit(e) 谷歌表格清除相邻单元格

如何使在jQuery创建的表格中的单元格可点击?

JQuery/如何显示每个表格单元格的警报?

选择表格单元格作为组

表格视图单元格选择错误

使用jQuery隐藏某些表格单元格

使用jQuery使图像适合表格单元格

通过单击表格单元格使用jquery提交表单

如何使用jQuery在HTML5中设置表格单元格的背景和字体颜色