如何使用_this_ Jeditable获取操纵dom元素的值?

问题描述:

这是一个延续 Jeditable: how to set parameters based on dom element attributes如何使用_this_ Jeditable获取操纵dom元素的值?

在这里回应..这是我的“真正的”账户..

我尝试不同的参数值分配上,我已经启用了jQuery不同的div插件'Jeditable'。我无法得到它的工作,我敢肯定它的东西很简单..但我不知道它..

我该如何实现它?

鉴于以下DOM元素:

<div class="editme" id="theone" rel="test"></div> 

这些不同的片段产生了上述空div以下dafault占位符文本:

$('.editme').editable('savedata.php',{ 
    placeholder : "txt - "+$(this), 
    } 
); 
// outputs: "txt - [object Object]" 

$('.editme').editable('savedata.php',{ 
placeholder : "txt - "+this, 
} 
); 
// outputs: "txt - [object HTMLDocument]" 

$('.editme').editable('savedata.php',{ 
placeholder : "txt - "+$(this).html(), 
} 
); 
// outputs: "txt - undefined" 

$('.editme').editable('savedata.php',{ 
placeholder : "txt - "+$(this).attr('rel'), 
} 
); 
// outputs: "txt - undefined" 

$('.editme').editable('savedata.php',{ 
placeholder : "txt - "+this.attr('rel'), 
} 
); 
// outputs: "" (NULL/EMPTY STRING, must be due to error) 

不幸的是,当你在代码中使用this它引用参数集合,而不是你试图访问的jQuery对象。为了完成你想要做的事情,你需要引用参数集合之外的jQuery对象。

喜欢的东西:

$('.editme').each(function() { 
    var rel = $(this).attr('rel'); 
    $(this).editable('savedata.php', { 
     placeholder : "zzz" + rel, 
     }  
    ); 
});