如何使用jQuery清除文本区域？

Question

我有以下几点：

<div class="tab-pane" id="message">
      <textarea rows="4" cols="50" id="send_message" placeholder="Enter text ...">  </textarea>
      <a href="#message" class="btn btn-large btn-info"  data-toggle="tab">OK</a>
      <a href="#message" class="btn btn-large btn-info"  data-toggle="tab">Cancel</a>

</div>

单击取消按钮时，我想清除文本区域的内容。 我有：

$('#message').on("click", "a", function(){
    if($(this).is(":contains(Cancel)")) {

      $("#send_message")(
                  function(){
                  $(this).val('');

                }
                );

    } 
    else if($(this).is(":contains(OK)"))  {
                ......
    }
});

但这什么也没做。 我怎样才能解决这个问题。

Answer 1

您可以使用此：

$('#message').on("click", "a", function () {
    if ($(this).is(":contains(Cancel)")) {
        $("#send_message").val('');
    } else if ($(this).is(":contains(OK)")) { // other code

    }
});

在这里演示

在您的代码中，您使用了选择器$("#send_message") ，您不能再$(this)添加一个function 。通过id选择器，您已经“拥有”了该“错误放置”函数中的$(this) 。 因此，我使用了您的想法，并更正了代码中的某些内容以使其起作用。

Answer 2

我认为您的生产线中存在错误。 应该只是：

$("#send_message").val("")

Answer 3

这是一个小提琴琴，可以满足您的需求。 http://jsfiddle.net/PsWHJ/

<div class="tab-pane" id="message">
      <textarea rows="4" cols="50" id="send_message" placeholder="Enter text ...">  </textarea>
      <a href="#message" class="btn btn-large btn-info"  data-toggle="tab">OK</a>
      <a href="#message" class="btn btn-large btn-info"  data-toggle="tab">Cancel</a>
</div>


$('a','#message').on('click',function(){
    if($(this).text() === 'OK'){
        alert('Process Form');
    }else{
        $('#send_message').val("");
    }
});

Answer 4

还有另一种方法

$('#message').on("click", "a", function () {
    var jqEl = $(this);
    if (jqEl.text() == "Cancel")) {
        jqEl.prevAll('textarea').val('');
    } else if (jqEl.text() == "OK") { 
         //Do other stuff...
    }
});

希望能帮助到你