Question

我有这种TR结构，我需要的是juqey在链接旁边添加一些图像这里是我的结构

<tr>
  <th  class="k-header" data-role="sortable"><a href="#" class="k-link">One</a></th>
  <th  class="k-header" data-role="sortable"><a href="#" class="k-link">Two</a></th>
  <th  class="k-header" data-role="sortable"><a href="#" class="k-link">Three</a></th>
  <th  class="k-header" data-role="sortable"><a href="#" class="k-link">Four</a></th>
  <th  class="k-header" data-role="sortable"><a href="#" class="k-link">Five</a></th>
  <th  class="k-header" data-role="sortable"><a href="#" class="k-link">Six</a></th>
</tr>

我需要的是在href内添加一些像这样的hmtl标签

 <th  class="k-header" data-role="sortable"><a href="#" class="k-link">One <p>New link</p></a></th>

我有一些数据属性，我可以获得所有元素，但是如何在其中添加一些新标签，所有表都来自ajax，这是我想到的另一件事，可能是某些on（）或live（）

有什么想法吗？这就是我现在所拥有的：）

$(function() {
    var target = $('[data-role~=sortable]');


    target.live(function() {


    });
});

Answer 1

您必须在jquery中使用 append()

 $(".k-link").append("<p>New link</p>");

Answer 2

从您对该问题的评论：

Yesok，但我有很多ajax调用，我不想弄乱代码，只是我需要一些常见的东西

您正在寻找ajaxSuccess，它允许您指定一个回调，该回调会被任何成功的jQuery ajax调用调用。

$(document).ajaxSuccess(function() {
    $(".k-link").append("<p>New link</p>");
});

或者由于某种原因，您无法使用.k-link（因为您没有提出问题）：

$(document).ajaxSuccess(function() {
    $("[data-role~=sortable] a").append("<p>New link</p>");
});

请注意选择器中的a以获取锚点。请注意，我假设您故意使用~=而不是=，data-role可能有一系列以空格分隔的值，例如class。< / p>

Answer 3

我做了一个例子，你可以在这个链接中看到它：http://jsfiddle.net/d2gdpu96/2/

访问<a>中的数据，您可以使用以下代码：

$("tr th a").each(function(){
    //whatever you want to do with each <a>
    var CurrentATag=$(this);
    var ATagInnerHTML=CurrentATag.html();
});

如果您想要更精确地选择，只需要一个具有id的特定表，您可以使用以下代码：

$("#tabelID tr th a").each(function(){
   //your code here;
});

将html标记附加到表头Jquery

3 个答案: