使用jquery为具有特定类的元素创建链接

使用 jQuery.wrap() 对于简单情况:

$(".my-class").wrap("<a href='path/sometext'></a>");

要在内部处理文本:

$(".my-class").each(function() {
  var txt = $(this).text();
  var link = $("<a></a>").attr("href", "path/" + txt);
  $(this).wrap(link[0]);
});

$(".my-class").each(function(){
  var thisText = $(this).text();
  $(this).wrap("<a></a>").attr("href","path/"+thisText);
});

您可以像这样将它们包装在锚定元素中:

$(document).ready(function(){
    $(".my-class").each(function(){
           var hr="path/"+$(this).text();
           $(this).wrap("<a href='"+hr+"'></a>");
   });
});

如果要在同一页中打开链接,则比修改DOM将元素包装在定位点中更容易的方法是为元素定义CSS,使它们看起来像链接,然后处理click事件:

$(".my-class").click(function(){
     window.location.href="path/"+$(this).text();
});

$("foo.my-class").each(function(){
  var foo = $(this);
  foo.wrap("<a href='path/" + foo.Text() +"'>");
});

应该这样做:

$('foo.my-class').each(function() {
  var element = $(this);
  var text = element.html(); // or .text() or .val()
  element.wrap('<a href="path/' + text + '"></a>');
});