附加到元素时从元素的标题属性获取文本

Question

我有一个函数，可以在带有 .help 类的所有元素之后附加 div （帮助图标）。

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

我需要向该函数添加什么才能从 .help 元素的 title 属性获取信息？

我是脚本新手。

Answer 1

利用 append() 也可以接受一个函数来创建要附加的 HTML 字符串：

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

Answer 2

我想这就是你想要的：

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

});

Answer 3

我认为您正在寻找类似的内容：

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 并将该标记的标题设置为父帮助的标题。

Answer 4

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

Answer 5

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

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

Answer 6

尝试使用 attr 函数：

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