0

toggle() でリンクを非表示にする js に問題があります。問題は：

ビジネスのリストを取得すると、各ビジネスの電話番号が aa href リンクに隠されています。1 つのリンクがクリックされると、代わりにクリックされたリンクの数だけが表示され、すべてのリンクのすべての数が表示されます。

$(document).ready(function(){
$("p").css('display', 'none')
    $("a").click( function(){
        $("p").slideToggle('slow');
    });
});

理由はわかっていますが、IDで表示する方法がわかりません。私はphpを使用しています。

<div id='phone'><a href='#' id='$eid'>Veja nosso telefone!

<p".$e2['telefone']."/>

$eid私はDBから取得します。

4

6 に答える 6

1

これを行う方法を次に示します。$(this)セレクターを使用して、現在の要素が必要であることをインタープリターに伝えることができます。

$(document).ready(function(){
$("p").css('display', 'none')
     $("a").click( function(){
         $(this).slideToggle('slow'); // would only slidetoggle $(this) which is the element that was just clicked.
     });
});


 <div id='phone'><a href='#' id='$eid'>Veja nosso telefone!

 <p".$e2['telefone']."/>
于 2013-06-06T14:00:30.237 に答える
1

試す：

$("a").click( function(){
    $(this).find("p").slideToggle('slow');
});

thisinsideclick関数は、クリックされている DOM 要素を参照し、その中の要素findを取得pします。

于 2013-06-06T14:01:15.570 に答える
0

.クラスの#参照と ID の参照に使用します。接頭辞のない名前は、タグの種類 ( p、div、spanなど) を参照します。これは、css と jQuery の両方に当てはまります。

$('.class') // references all instances of class named 'class'.
$('#id') // references item with id = 'id'.

詳細については、公式のjQuery セレクター ガイドを参照してください。

于 2013-06-06T13:54:42.043 に答える
-1 
$("a").click( function(){
    var myId = $(this).prop("something that gives you the corresponding id, like a classname");
    $("#"+myId).slideToggle('slow');
});
于 2013-06-06T13:56:34.420 に答える