javascript - 即使通过 text() 和 val() 方法也无法获取输入字段的值

Question

我想获取用户将输入的输入字段的值，然后用它来执行操作。我尝试了两种在输入字段上获取 value 的方法:text() 和 val()，但都不起作用。

请告诉我这里可能缺少什么。

下面的代码中发生的情况是，将鼠标悬停在按钮上后，输入字段的值将通过alert()函数显示。但警报始终为空白。

HTML

<div id="collection_name">
collection name
</div>

<input type="text" id="collection_title" placeholder="Midnight in New York">

<div id="collection_button"></div>

jQuery

 var collection_title = $('#collection_title').text();
 var collection_button = $('#collection_button');


 collection_button.on({

    mouseover: function() {
    alert(collection_title); // the alert comes out blank

  }
 });

Answer 1

您需要在处理程序本身内调用 text()/val() 方法

var collection_title = $('#collection_title');
 var collection_button = $('#collection_button');


 collection_button.on({

    mouseover: function() {
    alert(collection_title.val()); //or .text() depending on the element type

  }
 });

之前是空白的原因是初始化的时候

var collection_title = $('#collection_title').text();

它没有文本值