jQuery .html和title attr();问题

时间:2012-07-30 11:08:45

标签: jquery dom

我有一个使用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是有效的

1 个答案:

答案 0 :(得分: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");