jquery - テキストボックスがクリックされた場合の警告メッセージ

Question

スクリプトを使用して動的に入力される HTML テーブルがあります。

ユーザーが同じ行のテキストボックスをクリックしたときに、列2の値が「特定の用語」と等しい場合にエラーメッセージを表示するjQueryスクリプトを使用したいと思います。

オンラインで検索しましたが、これを実現するコードが見つかりません。このようなコードはありますか?

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