jquery - 单击文本框时的警告消息

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