如何將img alt添加到li

嗨，我再次，我知道我剛纔問了一些類似的東西，但是我需要的功能稍有不同，這次我有一個ul元素嵌入標籤內的img標籤。我需要的是點擊圖像來填充li元素，但點擊下一個或最後一個圖像時，我需要填充更新內容的相同li元素。請找到下面的html。提前致謝。如何將img alt添加到li

<div class="filter"> 
    <div class="heading" id="activityLevel"> 
     <p><a href="#">Activity Level</a></p> 
     <a href="#" target="_self">modify</a>     
    </div> 
    <div class="add-filters" id="addActivityLevel"> 
     <div class="inner"> 
      <a href="#" class="btn-close"></a> 
      <h4 class="title-filtery">Filtery By:</h4> 
      <ul class="activity-level"> 
       <li><a href="#"><img src="../images/shore-excursions/btn-activity-level-easy.gif" alt="Activity Level Easy" /></a></li> 
       <li><a href="#"><img src="../images/shore-excursions/btn-activity-level-moderal.gif" alt="Activity Level Moderate" /></a></li> 
       <li class="last"><a href="#"><img src="../images/shore-excursions/btn-activity-level-extreme.gif" alt="Activity Level Extreme" /></a></li> 
      </ul> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. iaculis in magna. In ut dolor a lacus adipiscing molestie.</p> 
      <div class="btn-holder clearfix"> 
       <input type="button" class="btn-cancel" value="" /> 
       <input type="button" class="btn-update" value="" /> 
      </div> 
     </div> 
    </div><!-- filters --> 
    <div class="hidden-filters" id="hiddenActivityLevel"> 
     <p>Filtering by:</p> 
     <ul></ul> 
    </div> 
</div>

來源

2010-10-26 Ozzy

你的jQuery代碼到目前爲止看起來如何？你從哪裏被卡住？ – 2010-10-26 22:23:10

填充哪個LI元素？你給出的描述使你很難準確理解你想要做什麼。您能否提供您當前的代碼和/或您在多種不同情況下預期會發生的情況的確切說明？ – treeface 2010-10-26 22:25:59

@treeface我試圖填充的元素是ul下的id =「hiddenActivityLevel」 – Ozzy 2010-10-26 22:31:33

$(document).ready(
function(){ 
    $('img').click(
    function(){ 
     if ($('#hiddenActivityLevel ul li:first').length) { 
      $('#hiddenActivityLevel ul li:first').text($(this).attr('alt')); 
     } 
     else { 
      $('<li />').appendTo('#hiddenActivityLevel ul').text($(this).attr('alt')); 
     } 
     return false; 
    } 
) 
} 
);

幾個指針：

這將每個圖像元件上的點擊反應，所述return false是有專門爲a標籤內的那些圖像;但是按照班級或家長的說明（例如，$('ul li a img')）可以很好地指定受影響元素的範圍。

在上文中，此外，選擇器$('hiddenActivityLevel ul li:first')用於選擇僅一個li，雖然可以使用eq()來實現相同的（例如：$('hiddenActivityLevel ul li').eq(3)將選擇第四li，JS陣列從零開始，記得）。

我想，雖然強烈建議您將一個id上要填充，並把它存在於載的DOM，而不是動態創建它的具體li。

我不太清楚你的意思：

，但下一個或最後一個圖像被點擊，我需要填充的更新內容相同的li元素。

但是我已經邁出它的意思是「我要同li與alt文字被點擊的不顧形象的圖像被點擊它進行更新。」

來源

2010-10-26 22:35:42

如何將img alt添加到li

回答

相關問題