我有一个使用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"> </div>
<div class="prog-half fl"> </div>
<div class="prog-three-quart fl"> </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是有效的
答案 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");