Javascript单击功能不工作

我需要在单击时将文本框中的值设为空，目前我已经编写了这样的代码

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

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

代码错误

选择器

“.kw1”

选择

kw1

作为

class

属性的元素。您的输入没有一个类，它们只有

name

s。向它们添加类或将jQuery中的选择器替换为以下格式：

$（'[name=“kw1”]'）

您还可以通过执行以下操作来简化功能：

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

---

在选择器中，“.”表示类。名称使用

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

---

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

$（e.target）.val（“”）

非常复杂，在很多浏览器中都会失败。只需使用

this.value=''。或者，如果您确实必须使用jQuery，则使用
$（this.val（“”），但它看起来像是用大锤敲开螺母。编辑。但不确定哪些浏览器会失败。它将在任何不支持event.target的浏览器（如IE 8和更低版本以及使用相同事件模型的浏览器）中失败。
$('[name="kw1"]'). //