3

私はコーディングの初心者で、Codecademy.com から Jquery と Javascript について知っていることのほとんどを学びました


。

  1. 特定のリンク (部分的な URL) にカーソルを合わせる
  2. 完全なリンク コンテンツを取得する (完全な URL の場合)
  3. リンクの HTML コンテンツを解析する
  4. 解析されたデータを「div」として提示し、データとともに「ポップアップ」を表示します

Jquery を使用して特定のリンクにカーソルを合わせたので、ステップ 1 は完了です。私はステップ 2で立ち往生しています。

ここに私のコードがあります:

$(document).ready(function () {
    var link_account = $("a[href^='http://www.example.com/info.php?ID=']");
    link_account.mouseenter(function () {
        var data2 = $(this).get({dataType: "html"});
        $(this).after(data2);
    });
});

私がコードでやろうとしたこと:

  1. ドキュメントがロードされるのを待ちます (成功)
  2. 使用したい部分リンクを見つけます (成功)
  3. マウスをその上に置くと、イベントが開始されます (成功)
  4. リンクから HTML をプル (失敗)

    重要: リンクから URL にアクセスした後、HTML ページの HTML コンテンツを取得したい。(わかりにくかったらすいません)

  5. リンクの後に HTML コードを文字列として追加します。これは動作するはずです - 他のインスタンスでテスト済み (成功)

ここでわかるように、すべての HTML コンテンツを受け取るために $.get 関数を使用しようとしました。しかし、私はその概念を完全に正しく理解していないと思います。URL を渡してテストしてから、別の場所から取得しようとしましたが、役に立ちませんでした。私はここで途方に暮れています。

**これを次のように切り替えようとしたときに注意してください$(this).after(data2);：

$(this).after("<p>" + $(this).get() + "</p>");

HTML コンテンツではなく、リンクの完全な URL を確認できました。

$.ajax もあることがわかりましたが、この場合はどれを使用すればよいかわかりません。

いくつかのガイダンスをいただければ幸いです。

4

2 に答える 2

1

次のメソッドを使用することをお勧めします: http://api.jquery.com/attr/ で href の値を取得します。

それで

url = $(this).attr("href");

またはそれがあなたが望むコンテンツである場合：

html = $(this).html();

後で置換または連結する場合:

html += "<p>" + url + "</p>"
$(this).html(html)

this<a>この例では 適切なセレクターに変更して、div または必要なものをターゲットにします。

于 2013-05-17T10:20:19.193 に答える