jquery点击事件冒泡

Question

我遇到的问题似乎与事件冒泡有关.

当用户单击列表项时,我将该元素的innerHTML存储到变量中,并将列表项内容替换为具有新变量值的文本框.

这适用于第一次单击,但是当用户单击文本框时,也会插入文本框的html.

这是我的问题的一小部分:http://jsfiddle.net/46Pqf/

令我困惑的是,我在点击事件执行后选择了一个特定的类,我将删除该类.因此,单击时不应再次执行该函数,因为选择器中的原始类不再位于元素中.

任何有关这方面的帮助将不胜感激.

Answer 1

click事件附加到元素本身,而不是附加到类.试试这个:

$('.column-header li.nottextbox').click(function(){
  if( $(this).hasClass('nottextbox') ) {
    $(this).removeClass('nottextbox');
    var text = this.innerHTML;
    this.innerHTML = "<input type='text' name='right-name' value='" + text + "'>";
  }
});?