Javascript点击功能不起作用

Question

我需要在单击时取消文本框中的值，目前我已经编写了代码

  <div class="keyword_non">
                        <h1>Keywords : <a class="someClass question_off" title="Keywords "></a></h1>
                        <h2><input type="text" name="kw1" value="one" /></h2>
                        <h2><input type="text" name="kw2" value="two" /></h2>
                        <h2><input type="text" name="kw3" value="three" /></h2>
                        <h2><input type="text" name="kw4" value="four" /></h2>

                    </div>
<script type="text/javascript" src="/functions/javascript/custom/non_profit_edit.js"></script>
<script type="text/javascript" src="/functions/javascript/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/functions/javascript/custom/jquery-ui-1.8.7.custom.min.js"></script>

在non_profit_edit.js里面，我已经这样写了

$(document).ready(function(){

        $(".kw1").click(function() { 
        $(".kw1").val(" ");          
        });

        $(".kw2").click(function() { 
        $(".kw2").val(" ");          
        });

        $(".kw3").click(function() { 
        $(".kw3").val(" ");          
        });

        $(".kw4").click(function() { 
        $(".kw4").val(" ");          
        });

});

但现在写它不能正常工作......这是任何浏览器问题或代码中的错误..

Answer 1

代码错误。

您的选择".kw1"选择具有元件kw1作为class属性。 没有你的输入有一个类，他们只有name 。 向它们添加类或将jQuery中的选择器替换为以下格式： $('[name="kw1"]')

您还可以通过以下方式简化功能：

$('.keyword_non')
    .on('click', 'input[type="text"]', function(e) {
        this.value = ''; // input that was clicked on
    }

Answer 2

在选择器中'。' 表示一个班级。 用于名称使用

$('[name="kw1"]'). //

Answer 3

这是您的代码中的语法错误。您在单击函数中不使用点（。）.Dot（。）将用于类。 当kw1是输入中的名称时