javascript - jQueryでクリックされた要素htmlを取得しますか?

Question

いくつかの要素のクリックを聞いています。ユーザーがクリックしたときにアラートを表示したいのですが、アラートのコンテンツはクリックされた要素の innerHtml である必要があります。

$(".tags-container > p").click(function (event) {
    alert('inner html');
    });

コードを html に追加することでそれを行うこともできますが、私は jquery リスナーを使用することを好みます。

アラートで要素の innerHTML を表示するにはどうすればよいですか?

score 5 · Accepted Answer

jQueryのhtml（）<p>を使用してタグからHTMLを取得します。

$(".tags-container > p").click(function(event) {
    alert($(this).html());
});

JavaScriptのinnerHTML<p>を使用してタグからHTMLを取得します。

$(".tags-container > p").click(function(event) {
    alert(this.innerHTML);
});

<p>jQueryのtext（）を使用してタグからテキストだけを取得します。これにより、HTMLが削除され、結合されたテキストが返されます。

$(".tags-container > p").click(function(event) {
    alert($(this).text());
});

score 0 · Accepted Answer

彼らが言ったように、$。html（）を使用するだけです。個人的には、$。html（）がブレムなどを除外するため、innerHTMLを使用します。私はそれらを改行に変えるだけです。

$(".tags-container > p").click(function () {
   alert(this.innerHTML.replace(/<br>/, '\n'));
});

score 0 · Accepted Answer

0

$(".tags-container > p").click(function () {
    alert($(this).html());
});

于 2012-09-15T23:30:01.130 に答える

score 0 · Accepted Answer

jQueryのhtml()機能を使う

$(".tags-container > p").click(function (event) {
    alert($(this).html());
    });

4 に答える 4