Question

在HTML代码中有一个＆＃39; href＆＃39; ，有没有任何posiblity包围A-tag（）？我是新手，所以请不要太苛刻：）

请注意，jquery可以找到＆＃39; href＆＃39; div中的一个孩子并将该attritbute设置为.summary-item-wrapper

HTML：

<div class="summary-item-wrapper" href="www.google.no" id="yui_3_17_2_4_1483527702805_1738"><div>

Jquery的：

$(document).ready(function(){
  $('body').wrapInner('<div id="support"></div>');

  $('#support .sqs-block-summary-v2 .summary-item').each(function () {
    var linkto = $(this).find('.summary-title a').attr('href');
   $(this).children('.summary-item-wrapper').attr('href', linkto);   

  });
});

Answer 1

如果您希望转换页面上有多个div，并删除div，但为了保留所有属性，您可以执行以下操作：

＆＃13;

$( "div.summary-item-wrapper" ).each(function() {

$(this).before('<a href=http://'+$(this).attr('href') +'>A link');
$(this).prev().attr('id',$(this).attr('id'));
$(this).prev().addClass($(this).attr('class'));
});

$('div.summary-item-wrapper').remove();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="summary-item-wrapper" href="www.google.no" id="yui_3_17_2_4_1483527702805_1738">44444444444</div>
<div class="summary-item-wrapper" href="www.google.com" id="yui_3_17_2_4_1483527702805_33333">ttttttttttt</div>

＆＃13;

Answer 2

你想要的是：

$('#support .sqs-block-summary-v2 .summary-item-wrapper').wrap(function () {
    return '<a href="' + $(this).attr('href') + '"></a>';
});

同样href="google.no"表示转到<currentdomain>/google.no，以防您需要google.no使用href="https://google.no"

检查JSFiddle。

请考虑您对问题的评论。

在div内部围绕href包裹标签

2 个答案: