jQuery .html和title attr（）;問題

Question

我有一個用HTML/CSS構建的簡單狀態/進度欄，百分比是根據span標記中的HTML生成的。然後我試圖根據百分比生成一個工具提示標題。問題是工具提示標題不起作用。希望下面的代碼能比我更好地解釋它。

HTML

<span class="status">Open</span> 
    <div class="prog-container"> 
    <a href="#" class="form-info" rel="tooltip" title="a"> 
     <div class="progress rounded clearfix"> 
     <div class="prog-quart fl">&nbsp;</div> 
     <div class="prog-half fl">&nbsp;</div> 
     <div class="prog-three-quart fl">&nbsp;</div> 
     <div class="prog-perc"></div> 
     </div> 
    </a> 
    </div> 

jQuery來生成基於所述狀態

$('.status:contains("Open")').next().find('.prog-perc').html("25%"); 
$('.status:contains("Open")').next().find('.prog-quart').addClass('prog-fill'); 

jQuery的百分比基於上面

$('.prog-perc:contains("25%")').parent().prev().attr("title", "25 percent tooltip"); 

另外I」生成的百分比，以生成工具提示標題m使用HTML5，所以在任何人帶來它包裝div與錨標籤是有效的

Answer 1

據我瞭解，你想改變錨的標題

<a href="#" class="form-info" rel="tooltip" title="a"> 

如果是這樣，那麼你應該這行代碼更改

$('.prog-perc:contains("25%")').parent().prev().attr("title", "25 percent tooltip"); 

到

$('.prog-perc:contains("25%")').parents('a').attr("title", "25 percent tooltip"); 

或者你可以tr y

$('.prog-perc:contains("25%")').closest('a').attr("title", "25 percent tooltip");