Question

我有一个HTML表格，它使用脚本动态填充。

我想使用jQuery脚本，当用户点击同一行的文本框时，如果第2列中的值等于“特定术语”，则会显示错误消息。

我在网上搜索过，但是我找不到任何代码来实现这个目标 - 是否有这样的代码？

Answer 1

我为你创造了一个小提琴，看看它是否适合你的需要，如果你有任何问题，请告诉我。

<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>

Answer 2

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');
           }
     });
});

单击文本框时出现警告消息

2 个答案: