javascript - jquery:在文本框更改时获取文本框的值和ID

Question

我是一个 Jquery 菜鸟，还处于学习阶段。
这是我的 fiddle : http://jsfiddle.net/4tjof34d/

(双击三个点中的任何一个以在上面的 fiddle 中获得一个文本框，然后在该框中输入一个值并按回车键)如您所见，它可以工作，但是当用户将新值放入文本框时，我如何获取 ID 和值？

基本上，我需要像这样获取值:

var theId  = $(this)id;
var newValue = $(this)value;

// console.log(theId+" "+newValue+ " "+savedData);

所以我可以进行 AJAX 调用以使用新值更新数据库。
如果您也可以在代码中添加注释，例如:

// ajax call here

也将不胜感激!

Answer 1

我注意到您正在使用 jQuery，但实际上没有它更容易获取值:

var showText = function() {
  console.log(this.id);
  console.log(this.value);
}

但是，要使用 jQuery 获取值，只需使用 attr()和 val() :

var showText = function() {
  // Cache $(this) since we're
  // using it more than once.
  var $this = $(this)

  console.log($this.attr('id'))
  console.log($this.val())
}