在div内的href周围包裹标签

Question

In the HTML code there is a 'href' , is there any posiblity to wrap an A-tag() around it? I'm new to this so please don't be too harsh :)

Note that the jquery is there to find the 'href' of a child inside the div and setting that attritbute to .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

If there are multiple divs on your page you wish to convert, and to remove divs, but to keep all attributes, you can do something like this:

 $( "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(); 

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

Answer 2

What you want can be done with this:

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

Also href="google.no" means go to <currentdomain>/google.no , in case you need the google.no use href="https://google.no"

Check JSFiddle .

Please consider the comments on your question too.