如何使用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...
    }
});

希望能幫助到你