jquery - block 元素 - 如何仅将事件指向文本

Question

我想显示 title (attr)仅当文本悬停时。

问题在于，我们在这里讨论的是悬停 block 元素，例如 p 和 h1。

所以我的问题是:如何使标题属性仅在目标文本时出现(或任何其他事件)(不是元素的所有宽度)

Example

到目前为止，我有 jQuery:

THIS demo

$('h1, p').each(function(){

    $(this).wrapInner('<span></span>');
    var spann = $(this).children('span');
    var span = spann.width();
    $(this).children('span').contents().unwrap();

     $(this).css({
         width: span+'px',
     });

    if ( $(this).css('text-align') == 'center' ){   
        $(this).css({
            marginLeft:'auto',
            marginRight:'auto'
        });
    }

});

我实际上添加了 span 但只是暂时的，只是为了进行位置计算。

但是现在背景不见了....啊。

Answer 1

一个肮脏的技巧是在元素中插入一个 span。这是不可见的(它是内联的)，但有一个宽度，因此它只适合文本。

这是 p 的示例:

<p>
    <span title="I am a paragraph">Paragraph</span>
</p>

http://jsfiddle.net/J6bUw/1/