鏈接onclick添加鏈接ID到選擇器

我想添加我的鏈接的id到我的函數中的選擇器，以便.XXXXXX1,2或3顯示或隱藏取決於哪個鏈接被點擊。這裏是我放到一起的代碼：鏈接onclick添加鏈接ID到選擇器

我試過做$('.video' + videoplay)這是我以後的事情的類型，但是這不起作用。

的Jquery：

$(document).ready(function() { 
     $('.videoPlay').click(function(){ 
      var videoplay = $(this.id); 
      $('.videoSubTitle').hide(); 
      $('#video' + videoplay).show(); 
      $('#videoPlay').hide(); 
      $('#videoPlay' + videoplay).show(); 
     }); 
});

HTML：

<h2>Latest videos</h2> 
<h3 class="videoSubTitle">Choose a video below</h3> 
<h3 class="videoSubTitle" id="video1" style="display:none;">Video 1</h3> 
<h3 class="videoSubTitle" id="video2" style="display:none;">Video 2</h3> 
<h3 class="videoSubTitle" id="video3" style="display:none;">Video 3</h3> 

<div id="listContainer"> 

<div id="videoPlay1"> 
<img src="" style="width:650px; height:360px;" /> 
</div> 

<div id="videoPlay2" style="display:none;"> 

</div> 

<div id="videoPlay3" style="display:none;"> 

</div> 

<div id="videoContent 1"> 
    <img src="" width="240" style="margin-right:20px;" height="150" alt="video 1" align="left" /> 
    <h2>Video 1 <a class="videoPlay" id="1" href="#">WATCH NOW</a></h2> 
    <h4><span class="lblShortDesc">berhj brhej beghrjbg hrjebh grebeghr jbh rjbh jgrebhjg rbhj gbehrjbr ehjbgh rejbeghjr<br /> 
    <br /><span style="font-size:12px;">Length: 59 secoonds</span> 
    </span> 
    </h4> 
</div> 

<div id="videoContent 2"> 
    <img src="" width="240" style="margin-right:20px;" height="150" alt="video 2" align="left" /> 
    <h2>Video 2 <a class="videoPlay" id="2" href="#">WATCH NOW</a></h2> 
    <h4><span class="lblShortDesc">berhj brhej beghrjbg hrjebh grebeghr jbh rjbh jgrebhjg rbhj gbehrjbr ehjbgh rejbeghjr<br /> 
    <br /><span style="font-size:12px;">Length: 59 secoonds</span> 
    </span> 
    </h4> 
</div> 

<div id="videoContent 3"> 
    <img src="" width="240" style="margin-right:20px;" height="150" alt="video 3" align="left" /> 
    <h2>Video 3 <a class="videoPlay" id="3" href="#">WATCH NOW</a></h2> 
    <h4><span class="lblShortDesc">berhj brhej beghrjbg hrjebh grebeghr jbh rjbh jgrebhjg rbhj gbehrjbr ehjbgh rejbeghjr<br /> 
    <br /><span style="font-size:12px;">Length: 59 secoonds</span> 
    </span> 
    </h4> 
</div>

來源

2013-04-30 huddds

var videoplay = $(this.id);是錯誤的，它不應該被包裹在$()。

$(document).ready(function() { 
     $('.videoPlay').click(function(){ 
      var videoplay = this.id; 
      $('.videoSubTitle').hide(); 
      $('#video' + videoplay).show(); 
      $('#videoPlay').hide(); 
      $('#videoPlay' + videoplay).show(); 
     }); 
});

演示：Fiddle

來源

2013-04-30 11:45:37

感謝，該訣竅 – huddds 2013-04-30 11:46:42

鏈接onclick添加鏈接ID到選擇器

回答

相關問題