我有一个HTML表,它使用脚本动态填充。
我想使用一个jQuery脚本,这将显示一个错误消息,如果在第2列的值等于"Specific Term",当用户点击到同一行的文本框
我已经在网上搜索,但我找不到任何代码来实现这一点-有这样的代码吗?
我为你创建了一个小提琴,看看它是否适合你的需要,如果你有任何问题请告诉我。
看这里
<table class="yourtable">
<tr>
<td>abcd</td>
<td>Specific Term</td>
<td><input type="text" class="yourtextbox" /></td>
</tr>
</table>
<script type="text/javascript">
$('table.yourtable').on('click','input.yourtextbox',function(){
var yourval = $(this).parents('tr').find('td:eq(1)').text().trim();
if (yourval == 'Specific Term') {
alert('go for it');
}
})
</script>
HTML示例:
<table>
<tr>
<td class="column1"></td>
<td class="column2"></td>
<td class="clicked_column"><input type="text" class="textBox" /></td>
</tr>
</table>
jQuery: $(document).ready(function(){
$('.clicked_column .textBox').click(function(){
var firstColumn=$(this).closest('tr').find('.column1').text();
var secondColumn=$(this).closest('tr').find('.column2').text();
if(secondColumn=='specific value'){
alert('alert generated');
}
});
});