ホームページ > ウェブフロントエンド > htmlチュートリアル > jQuery ノード query_html/css_WEB-ITnose

jQuery ノード query_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース: 2016-06-21 08:47:27
オリジナル
1210 人が閲覧しました

<a id = 1>XX</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><a id = 2>XX</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><a id = 3>XX</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul>
ログイン後にコピー

----------------------jQuery コードは上記の通りです


ディスカッション (解決策) に返信

上に示すように、特定の

  • タグをクリックすると、

    $("li").click(function(event){	alert($(this).parent().prev().attr("id"));});
    ログイン後にコピー
    ログイン後にコピー
    ログイン後にコピー

    $("li").click(function(event){	alert($(this).parent().prev().attr("id"));});
    ログイン後にコピー
    ログイン後にコピー
    ログイン後にコピー

    いいえ、このメソッドは

    を取得しません。


    $("li").click(function(event){	alert($(this).parent().prev().attr("id"));});
    ログイン後にコピー
    ログイン後にコピー
    ログイン後にコピー

    いいえ、この方法は機能しません



    <html><head>    <title>test</title>    <script src="http://jquery.cuishifeng.cn/js/jquery-2.1.4.min.js?v=20160120"></script></head><body><a id = '1'>XX</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><a id = '2'>XX</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><a id = '3'>XX</a><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><script>$("li").click(function(event){    alert($(this).parent().prev().attr("id"));});</script></body></html>
    ログイン後にコピー

    jquery を導入し、 dom 構造を正しく書いてください

    $("li").click(function(event){    alert($(this).parents("a").attr("id"));});
    ログイン後にコピー

    これはどうでしょうか?

    jar パッケージを導入し、
    $(function(){
    $("li").click(function(event){
    alert($(this).parent( ).prev().attr("id"));
    });
    })

              <p class="yy">               引入jar包,js区域写上$(function(){    $("li").click(function(event){        alert($(this).parent().prev().attr("id"));    });})             </p>也不可以。。无法获取  
    ログイン後にコピー

    ソースコードの一部を載せておきます。

    <h3><a id = '1'>XX</a></h3><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><h3><a id = '2'>XX</a></h3><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul><h3><a id = '3'>XX</a></h3><ul><li>xx</li><li>xx</li><li>xx</li><li>xx</li></ul>$.ajax({xxxxxxsuccess:function(){ $("ul li:last-child").bind("click", Addhut);}}); function Addhut() {           // parId = $(this).parent().filter("a").attr("id");            parId = $(this).parent("a").prev().attr("id");            alert(parId);}
    ログイン後にコピー

    具体的な構造はこんな感じです。ページ読み込み時にajax関数が実行され、成功後にコールバック関数が実行されます。最後の li タグは、Addhut 関数にバインドされています。クリックすると、

    の ID が取得されます。マスターに質問に答えてください。



    あなたはイベントを確認してください、私たちがあなたに提供するものは基本的に問題ありません



    あなたはあなたのイベントを確認してください、私たちがあなたに提供するものは基本的にすべてです大丈夫です


    なぜ未定義のプロンプトが表示され続けるのですか



    イベントを確認してください。私たちがあなたに提供するものは基本的にすべてOKです


    - -- ------------------------同じ方法で関数をバインドすることは可能ですか-------------- --- ------------------



    バインドの形式が間違っています。これは、次の場合の最後のポップアップ プロンプトです。各項目をクリックしてください



    バインドの形式が間違っています。これは各項目をクリックしたときの最後のポップアップ プロンプトです


    はい、3Q 完了

    どういたしまして、理解できない場合は、Baidu にアクセスして API を確認してください。他の人に聞くのは最後の手段です

    理解できない場合は、どういたしまして理解できない場合は、Baidu にアクセスして API を確認してください。他の人に聞くのは最後の手段です


    ----------------------- --------------------------- --------------------
    はい、基本的にはアイデアや方向性を提供してくれるので、自分でやみくもに探すよりもずっと早くなります。ありがとうございます。
  • 関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート