與jQuery

Question

我使用AJAX使用jQuery得到一些HTML內容，在這裏

裹元素是成功的功能：錨

function successFn(data) { 

    var keyWord = $("#input").val(); 

    // convert string html to object 
    var anchors = $('<div/>').html(data).contents(); 

    // add data-keyword to all results 
    anchors.each(function (i) { 
     $(this).attr('data-keyword', keyWord); 
     $(this).wrap('<div class="xXx"></div>'); 
    }); 

    // print results 
    $("#results").html(anchors); 
} 

的data包含AA名單：

<a href="link">...children...</a> 
<a href="link">...children...</a> 
<a href="link">...children...</a> 
<a href="link">...children...</a> 

所以我m試圖添加一個屬性到這些鏈接，這是工作然後我包裝每個錨與div，這是行不通的。

爲什麼不包裝？

Answer 1

問題是你只是添加錨元素，你不包括你包裝的內容。

function successFn(data) { 

    var keyWord = $("#input").val(); 

    // convert string html to object 
    var wrapper = $('<div/>').html(data); 
    var anchors = wrapper.contents(); 

    // add data-keyword to all results 
    anchors.each(function (i) { 
     $(this).attr('data-keyword', keyWord); 
     $(this).wrap('<div class="xXx"></div>'); 
    }); 

    // print results 
    $("#results").empty().append(wrapper.contents()); 
}