jquery - jQuery .html 和标题 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");

另外我正在使用 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");

或者你可以试试

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