Question

如何从div'wrap_first_btn'输出内容，同时从超链接输出'title'的值？在内容ITEM 1 +图像之后，'title'的值应在'wrap_first_btn'内输出..

我尝试了以下代码和许多组合，但它不起作用 - 你知道怎么做：

JQuery的

$('a').click(function() {
    var topic = $(this).attr('title') + (span);  // THIS iS NOT WORKING !
        $('#wrap_first_btn').text(topic); 
}

HTML

<a href="#" title="ITEM 1">ITEM 1</a> 

<div id="wrap_first_btn"> <span> MAIN MENU </span> <img src="images/arrowhead.png" class="fullscreen_arrow"> </div>

Answer 1

尝试：

$('a').click(function() {
    var topic = $(this).attr('title') + $('#wrap_first_btn').find('span').text();
    $('#wrap_first_btn').text(topic); 
});

Answer 2

您可以将文本分开，然后在输出中将它们连接起来，就像这样

$('a').click(function() {
    var topic = $(this).attr('title');
    var text = $('#wrap_first_btn span').html();
    $('#wrap_first_btn span').text(topic + ' ' + text); 
});

fiddle

你也可以在点击功能之外移动变量声明，这样每次点击它都不会声明

var topic;
var text;
$('a').click(function() {
   topic = $(this).attr('title');
   text = $('#wrap_first_btn span').html();
   $('#wrap_first_btn span').text(topic + ' ' + text); 
});

Answer 3

替换

    var topic = $(this).attr('title') + (span);

使用

    var topic = $(this).attr('title') + $("#wrap_first_btn span").html();

同时在超链接中写入div和title的内容

3 个答案: