jquery - onclick=""でjQuery関数を呼び出した要素を選択します

Question

jQuery関数を呼び出した要素を選択したい。これは機能するはずですが、そうではありません。

要素：

<a href="#" onclick="$.myFunction(this)">link</a>

関数：

(function ($) {
    $.myFunction = function (element) {
        element.hide()
    }
}(jQuery));

Answer 1

thisはDOMノードなので、試してみてください

$(element).hide()

補足として、インラインハンドラーを使用すると、遅かれ早かれコードが乱雑になり、管理できなくなるため、可能であれば避けてください。コードを制御している場合は、代わりに記述できます。

<a href="#" class="someclass">link</a>

と

$(function() {
    $('body').on('click', 'a.someclass', function() {
        $(this).hide();
    });
});

よりクリーンなイベント委任を使用する

Answer 2

これは機能するはずです：

html：

<a href="#" class="myclass">link</a>

JS：

$('.myclass').click(function() {
    $(this).hide();
});