JQuery цепочки пользовательской функции

Question

Если у меня есть:

function printRangeValue(){ 
    $(this).prev().children("output").text($(this).val()); 
} 
$(document).ready(function(){ 
    //... 
    $("#strStat").printRangeValue(); 
    $("#conStat").printRangeValue(); 
}); 

<label for="strStat">Strength<output id="forStr" for="strStat">12</output></label> 
<input type="range" id="strStat" class="stat" name="strStat" min="3" max="20"> 

Есть простой способ изменить содержание готовой функции, чтобы сделать $(this) работу?

Спасибо!

Answer 1

jQuery.fn.extend({ 
 
    printRangeValue: function() { 
 
     console.log(this); 
 
     $(this).prev().children("output").text($(this).val()); 
 
    } 
 
}); 
 

 
$(document).ready(function() { 
 
    $("#strStat").printRangeValue(); 
 
    $("#conStat").printRangeValue(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label for="strStat">Strength 
 
    <output id="forStr" for="strStat">12</output> 
 
</label> 
 
<input type="range" id="strStat" class="stat" name="strStat" min="3" max="20">

Ref: http://api.jquery.com/jquery.fn.extend/