我的menu_container正在使用test.php文件中的数组数据进行解析。当我点击其中一个menu_container链接时,它会更新菜单div中的链接文本。
因为这些链接正在使用并不总是相同的数据进行解析,所以我需要根据解析的数据更新菜单div中的链接文本,而不是我正在使用的.text('Home')。时刻。
JQuery代码:
$(document).ready(function()
{
$.getJSON('test.php', function(data) {
$.each(data, function(index, value) {
$('#menu_container a').eq( index).text( value);
});
});
// This populates the links in the menu_container with text
$('#homebox').click(function()
{
$('ul:first a').filter(function(i) { return $.trim($(this).text()) == ''; }).first().text('Home') // The text here is what I want to be changed to whatever is being held in the #homebox
});
HTML代码:
<div id="menu">
<ul>
<li><a href="#" id="firstpage"> </a></li>
<li><a href="#" id="secondpage"> </a></li>
</ul>
</div>
<div id="menu">
<ul id="menu_container">
<li><a href="#" id="homebox">Home</a></li> // These will contain whatever text was parsed from the test.php file
<li><a href="#" id="kuwebsitebox">KU Website</a></li>
</ul>
</div>