ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery ノード query_html/css_WEB-ITnose

jQuery ノード query_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 08:47:271165ブラウズ

<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 コードは上記の通りです


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

上に示すように、特定の 25edfb22a4f469ecb59f1190150159c6 タグをクリックすると、

$("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 を確認してください。他の人に聞くのは最後の手段です


----------------------- --------------------------- --------------------
はい、基本的にはアイデアや方向性を提供してくれるので、自分でやみくもに探すよりもずっと早くなります。ありがとうございます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。