0

私のオブジェクトには、次のようなデータがあります:

naviObj = {"Home":"homelink","Service":"sericeLink","Contact":"contactLink"}

これから、オブジェクトのキーからリンクテキストを作成する必要があり、リンクhrefは各キーの値である必要があります..私はこの方法を試しました..

naviObj = {"Home":"homelink","Service":"sericeLink","Contact":"contactLink"}

var naviMaker = function(){
    var naviHtml = Handlebars.compile($("#navigation").html());
    $("nav ul").append(naviHtml(naviObj));
}

naviMaker();

結果は次のようになります。

<ul>
<li><a href="homelink">Home</a></li>
<li><a href="sericeLink">Service</a></li>
<li><a href="contactLink">Contact</a></li>
</ul>

リンクテキストとオブジェクト値を取得しています..しかし、リンクのテキストへのキーを取得する方法がわかりません..

誰でもこれを解決するのを手伝ってください..？

ここにjsfiddleがあります

グーグル検索で私はここに答えを得ました：ここにリンクの説明を入力してください。それでも、短いアプローチを歓迎します。ありがとう。

4

1 に答える 1

1

これがSolution.JFIDDLE http://jsfiddle.net/ganeshprabhu1994/4qnaM/です

HTML

<ul></ul>

脚本

      $(function()
  {
      naviObj = {"Home":"homelink","Service":"sericeLink","Contact":"contactLink"};
      for(property in naviObj)
      {

          $('ul').append("<li><a href='"+naviObj[property]+"'>"+property+"</a></li>");
      }
  });
于 2013-06-21T12:42:21.373 に答える