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">

是否有一种简单的方法可以更改ready函数的内容以使$(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">

参考：http://api.jquery.com/jquery.fn.extend/