我正在創建一個以交互方式使用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');
});
這是一個很大的代碼和標記。嘗試創建一個你想要做的更簡單的例子。 –