2012-06-18 149 views
0

我正在創建一個以交互方式使用html屬性顯示鏈接信息的系統,並且jQuery將一些HTML移動。我卡住試圖將一個標題屬性附加到一個div。我從來沒有這樣做過一個屬性,而且正在打牆。jQuery追加屬性內容

這很難解釋,但是當你看到JS時你會看到我的。 http://jsfiddle.net/KvAwa/

提前THX任何幫助

的HTML

<div id="navtool"> 
    <ul id="menu"> 
     <li id="1"> 
      <a href="location1.html" title="this is the decription1">This is the link1</a> 
     </li> 
     <li id="2"> 
      <a href="location2.html" title="this is the decription2">This is the link2</a> 
     </li> 
     <li id="3"> 
      <a href="location3.html" title="this is the decription3">This is the link3</a> 
     </li> 
    </ul> 
</div> 
<a href="#" class="prev nav">prev</a> 
<a href="#" class="next nav">next</a> 
<div id="linkdesciption"></div> 
<a href="#" id="execute">Execute link</a>​ 

的JS

// Cycles Menu 
$('#menu > li:first').addClass('active'); 
$('.next').click(function(){ 
    $('.active').next().addClass('active').prev().removeClass('active');   
    $('#menu > li:last').after($('#menu > li:first')); 
}); 
$('.prev').click(function(){ 
    $('.active').prev().addClass('active').next().removeClass('active'); 
    $('#menu > li:first').before($('#menu > li:last')); 
}); 

// Collects the link 
var executeLink = $('#menu > li.active > a').attr("href"); 
$('#execute').attr("href", executeLink); 
$('#execute').click(function(){ 
    alert(executeLink); 
}); 

// Collects title and inject into description 
$('.nav').click(function(){ 
    var description = $('.active > a').attr('title'); 
    $(description).appendTo('#linkdesciption'); 
}); 
+1

這是一個很大的代碼和標記。嘗試創建一個你想要做的更簡單的例子。 –

回答

0

認爲代碼的相關部分是:

$('.nav').click(function(){ 
    var description = $('.active > a').attr('title'); 
    $(description).appendTo('#linkdesciption'); 
}); 

要打開周圍:

$('.nav').click(function(){ 
    var description = $('.active > a').attr('title'); 
    $('#linkdesciption').append(description); 
}); 

Updated fiddle

或者,如果你想更換以前的鏈接冠軍新的,使用htmltext而不是append

$('.nav').click(function(){ 
    var description = $('.active > a').attr('title'); 
    $('#linkdesciption').text(description); 
}); 

Updated fiddle

+0

是的!這正是我所追求的。 – patrick

+0

@patrick:不用擔心,很高興幫助。 –

+0

@TJ我怎麼才能讓它在點擊之前顯示負載上的標題。使用變量兩次使它變得有點麻煩。 – patrick

0

試試這個小提琴如果我理解正確的話: http://jsfiddle.net/arvind07/KvAwa/1/

+0

也適用於答案:http://meta.stackexchange.com/questions/118392/add-stack-overfow-faq-entry-or-similar-forputing-code-in-the-question –