Understand the object of $(this) in jquery

demo

Object which serves as the parameter to the function calls are constructed before you make the call.  So you must have an appropriate "this" before you use it. see the example:

1. $(".edit").editInPlace({
   
2.         url: "./server.php",
   
3. params: "folder=" + $(this).attr('folder')
   
4. 
   
5.         //show_buttons: true
   
6. //$('.edit').attr('folder')
   
7.     });

复制代码

with the html is as follows:

1. <span class="edit" folder="folderName">text to edit</span>

复制代码

Won't fire the code as expected. data "folderName" will not pass to the parameter: you don't have an appropriate "this".
.attr("folder") will work fine, as you could test by, say,

1.     $(".edit").click(function(evt) {
   
2.         alert($(this).attr("folder"));
   
3.     });
   

复制代码

Something like this might help restore "this" context:

1. $(".edit").each(function() {
   
2.     // now "this" is your HTML element
   
3.     $(this).editInPlace({
   
4.         url: "./server.php",
   
5.         params: "folder=" + $(this).attr('folder')
   
6.         // ...
   
7.     });
   
8. });
   

复制代码