动态锚标签里面

时间:2015-05-07 16:24:09

标签: javascript jquery html asp.net-mvc-4 razor

我有一个InstallDir "$Temp\Test" !include TextFunc.nsh !include nsDialogs.nsh var hCtlUrl var hCtlUsr var hCtlPwd !define DefaultUrl "url.localhost" !define DefaultUsr "foo" !define DefaultPwd "bar" Function mypageCreate nsDialogs::Create 1018 Pop $0 ${NSD_CreateText} 60u 30u 60% 11u "${DefaultUrl}" Pop $hCtlUrl ${NSD_CreateText} 60u 50u 60% 11u "${DefaultUsr}" Pop $hCtlUsr ${NSD_CreateText} 60u 70u 60% 11u "${DefaultPwd}" Pop $hCtlPwd nsDialogs::Show FunctionEnd Function mypageLeave ${NSD_GetText} $hCtlUrl $0 ${ConfigWriteS} "$INSTDIR\configure.properties" "custom_url=" "$0" $R0 ${NSD_GetText} $hCtlUsr $0 ${ConfigWriteS} "$INSTDIR\configure.properties" "custom_user=" "$0" $R0 ${NSD_GetText} $hCtlPwd $0 ${ConfigWriteS} "$INSTDIR\configure.properties" "custom_password=" "$0" $R0 FunctionEnd Page Directory Page InstFiles Page Custom mypageCreate mypageLeave ,其中一个table我希望使用<td>动态生成<a>代码。

编写一小段代码。

JavaScript

JavaScript函数。

  <table class="table">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      @foreach (var item in list)
      {
         <tr>
            <td>...</td>
            <td>...</td>
            <td>  MyFunction(item.Parameter1)   </td> // dynamic anchor tag
         </tr>
      }
    </tbody>
  </table>

返回aTag的字符串如何在MyFunction(Parameter1) { var aTag = ""; ..... ..... //some formatting as per needs aTag = '<a id="' + someId + '" alt="' + someAlt + '" title="' + someTitle + '" style ="color:Blue;text-decoration:underline;" href="#" onclick="fnAnotherFunction(' + P1 + ',' + P2 + ');">' + NameofTheTag + '</a>'; return aTag; } 处形成<a>标记?

这是可能的还是他们更好的解决方案。

1 个答案:

答案 0 :(得分:1)

您可以使用.append().appendTo()

$('selectorForTD)。追加(MyFunction的(item.Parameter1))`

var anch = MyFunction(item.Parameter1);
anch.appendTo($('selectorForTD');

认为这就是你所追求的目标。

编辑: 由于您使用的是jQuery,因此可以创建锚元素,如:

MyFunction(Parameter1)
{
    // var aTag = "";
    .....
    .....   //some formatting as per needs

    var aTag = $("<a>",{id:someID, alt:someAlt, title:someTitle}).css({ ...cssRules...}).click(function(e)
    {
        fnAnotherFunction(P1,P2);
    });

    return aTag;
}

这是一个quick fiddle来说明。