我真的需要你的帮助
如何从选择框中选择相邻的表格单元格并插入一些文本?
似乎下面的代码没有按我想的那样工作,从类名是.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=""> </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>
您的代码仅选择<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=""> </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] 删除。
我来说两句