javascript - クリック時に現在の要素を閉じる方法

Question

これは非常にばかげた質問です。しかし、私はhtml、jqueryが初めてです。誰でもこれに関する解決策を教えてもらえますか。

クリックで要素を閉じる方法

<a>test</a>

テストをクリックすると、close/hide() が表示されます

として試しましthis.hide() onClickたが、もう機能しませんでした。(<a onclick='this.hide()'>test</a>)

Answer 1

クリック ハンドラーthisでは、メソッドを持たないネイティブ DOM 要素になりhide()ます。これを jQuery オブジェクトに変換する必要があります。これを試して：

<a href="#" class="foo">test</a>

$('.foo').click(function(e) {
    e.preventDefault();
    $(this).hide();
});

いくつかのメモ; まず、onclick属性の使用は時代遅れです。jQuery を使用する場合は、jQuery を使用してイベントをフックします。

次に、a要素にはhreforname属性が必要です。event.preventDefault()そのため、クリックされたときにデフォルトの動作を停止するために使用する必要があります。

Answer 2

.hide()は jQuery が提供するメソッドであり、dom 要素では使用できません。

<a onclick='$(this).hide()'>test</a>