Question

我想将一个超链接的标题添加到dom-element，但它没有显示在那里

html

<ul class="grid effect-4" id="filter">
<li><a href="#" title="Klimaat" data-group="red"><img src="klimaat.png" /></a></li>
</ul>           

<p class="float-left">Filter:</p>

的Javascript

$("ul#filter li a").on("click", function(){    

      var title = $(this).attr('title');

      $(".float-left").prepend(title);

     }, function() {
                // out code

});

Answer 1

您应该使用：

var title = $(this).attr('title');
$(".float-left").text("Filter:"+title);

Answer 2

你有错误的javascript函数结构。你正在传递两个处理程序，但你应该传递一个。请参阅函数.on( events [, selector ] [, data ], handler )

上的jQuery语法

替换的

, function() {
                // out code

});

用的

);

<强> Live Demo

$("ul#filter li a").on("click", function () {
    var title = $(this).attr('title');
    $(".float-left").prepend(title);
});

Answer 3

在这里工作：http://jsfiddle.net/X5aSL/1/

$("#filter li a").on("click", function () {
    var title = $(this).attr('title');
    $(".float-left").prepend(title);
});

Answer 4

你也可以这样使用prepend方法总是工作当你点击链接所以我更喜欢使用HTML

$("ul#filter li a").on("click", function () {
    var title = $(this).attr('title');
    $(".float-left").html(title);
});

Demo

Answer 5

     $("ul#filter li a").click( function(){    

     var title = $(this).attr('title');

      $(".float-left").prepend(title);

     });

Demo

使用jquery将标题标记添加到dom

5 个答案: