2

ページに少なくとも 20 個のリンクがあり、各リンクで異なるコンテンツのポップアップを表示する必要があります。JavaScript 関数を 1 つだけ呼び出して、ポップアップとして表示する必要がある div の ID を渡す方法はありますか?構造はこんな感じ

<div id='1'>    
<a href='#'>Moreinfo</a>
<div id='popup1'>
Content for first link
</div>
</div>

<div id='2'>
<a href='#'>Moreinfo</a>
<div id='popup2'>
Content for first link
</div>
</div>

また、最初に他のリンクをクリックすると、リンクが閉じます。返信で適切な例を挙げてください。ありがとう

4

3 に答える 3

1

私はこのようなことを試してみます

<div class="popupHolder">
    <div class="clickToPopup">Click here</div>
    <div class="popup">your popup content</div>
</div>
<div class="popupHolder">
    <div class="clickToPopup">Click here</div>
    <div class="popup">your popup content</div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $(".clickToPopup").click(function(){
             $(".popup").hide();
             $(this).parent("div.popupHolder").children("div.popup").show();
        });
    });
</script>
于 2013-04-12T10:30:57.563 に答える
0

jsFiddle Demo

あなたはこのようにすることができます

$("div[id^=popup]").hide();
$("a").click(function(){
 $("div[id^=popup]").hide();
 var id = this.parentNode.id;
 $("#popup"+id).show();
});
于 2013-04-12T10:30:37.963 に答える