javascript - <td> 内的动态 anchor 标记

Question

我有一个table对于 <td> 之一我想生成<a>使用 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>

JavaScript 函数。

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;
}

返回aTag的字符串如何形成<a>标签位于<tr> <td> ..？

这可能吗，或者他们是否有更好的解决方案。

Answer 1

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

$('selectorForTD).append(MyFunction(item.Parameter1))`

或

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

我认为这就是你所追求的。

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

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来说明。