如何设置<a href=""> to the same text from another </a> <a href=""></a>的html文字

时间:2012-02-27 13:03:35

标签: javascript jquery html ajax

我的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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
    <li><a href="#" id="secondpage">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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>

0 个答案:

没有答案