在追加元素的同时从元素的title属性获取文本

时间:2011-03-11 09:52:02

标签: jquery dom dom-manipulation

我的函数在.help类的所有元素之后追加div(帮助图标)。

jQuery().ready(function() {
     jQuery('.help').append('<div class="mark"></div>');
});

我需要添加哪些内容才能从.help元素的title属性中获取信息?

我是脚本新手。

6 个答案:

答案 0 :(得分:2)

利用append()也可以接受将创建要追加的HTML字符串的函数这一事实:

$('.help').append(function () {
    return '<div class="mark" title="' + $(this).attr('title') + '"></div>';
});

答案 1 :(得分:1)

我认为这就是你想要的:

jQuery().ready(function() {
jQuery('.help').each( function(index, elem){
    $(this).append('<div class="mark" title="' + $(this).attr("title") + '"></div>')
});

});

答案 2 :(得分:1)

你正在寻找这样的东西:

jQuery().ready(function() {

    // with each help element....
    jQuery('.help').each(function () {

        // create the empty mark, add the title from help, append mark to help
        $('<div class="mark"></div>').attr('title', $(this).attr('title')).appendTo(this);
    });
});

这将为每个帮助元素添加div.mark,并将标记的标题设置为父帮助的标题。

答案 3 :(得分:0)

var title = $('.help').attr("title");

答案 4 :(得分:-1)

var title = jQuery('.help').attr('title');

jQuery('.mark').attr('title',title);

答案 5 :(得分:-1)

尝试使用attr功能:

jQuery().ready(function() { 
    console.log( jQuery('.help').attr( 'title' ) );
});