將div轉換爲li創建一個jquery輪播

我想從idxco.com的一個功能受限的feed中構建一個jquery輪播，下面是它們提供的示例腳本，它在頁面中創建幻燈片。將div轉換爲li創建一個jquery輪播

<div><script type="text/javascript" src="http://www.porcupinerealtor.idxco.com/idx/12231/customSlideshowJS.php?stp=basic&name=Manchester&pt=sfr&city[]=28117&lp=125000&hp=200000&ba=0&srt=ASC&rotation=5&propCount=999&alignment=center"></script></div>

這使得這種格式的瀏覽器：

<div id="IDX-Manchester-slideshow"> 
    <div id="IDX-Manchester-slideshowImage"> 
     <span><a class="IDX-Manchester-ssLinkText" id="IDX-Manchester-ssImageURL" href=""><img border="0" src="http://photos-5.idxco.com/096aed60bdc6bfd259bebc4b97f84e1871f4220013" class="IDX-Manchester-image" alt="Slideshow image" name="Manchester-ssImage" id="IDX-Manchester-ssImage"></a></span> 
    </div> 
    <div id="IDX-Manchester-priceLine"></div> 
    <div id="IDX-Manchester-addressLine"></div> 
    <div id="IDX-Manchester-cszLine"></div> 
    <div style="display:none;" id="IDX-Manchester-listingIdLine"></div> 
    <div style="display:none;" id="IDX-Manchester-bedLine"></div> 
    <div style="display:none;" id="IDX-Manchester-bathLine"></div> 
    <div style="display:none;" id="IDX-Manchester-remarkLine"></div> 
    <div style="display:none;" id="IDX-Manchester-listingAgent"></div> 
    <div style="display:none;" id="IDX-Manchester-listingOffice"></div> 
</div>

是否有更簡單的方法來做到這一點？是否可以轉換http://www.porcupinerealtor.idxco.com/idx/12231/customSlideshowJS.php頁面中的數據，以便將其重新格式化爲carouself友好格式？我不一定需要在URL結束時的變量，如：旋轉= 5 & propCount = 999 &對齊=中心

不過，我，試圖讓概念驗證工作，我可以轉換數據從那個環節變成一個水平的「無限」（或其他）旋轉木馬。

最後，我想實現的類似的東西效果：

或滑塊旋轉木馬秀在這裏：＃2

http://gorillathemes.com/demo/smoothpro/

其他參考資料：

/問題/ 9476621/parse-divs-to-create-ul-li-list-removing-duplicates

但是我不確定如何整合它。任何人都可以給我一個更好的想法，如何實現這至少得到UL LI格式正確？

來源

2013-06-18 Zack Bluem

只需編輯PHP代碼輸出裏的，而不是div的....或輸出所需的格式....什麼問題呢？ – KyleK

或者是你沒有編輯訪問該PHP腳本的問題？ – KyleK

你可以嘗試使用jQuery的.replaceWith()方法。它會用你想要的一個替換當前的HTML。所以，你可以這樣做：

$("#IDX-Manchester-slideshow > div").each(function(i) { 
    var li = $("<li />").html($(this).html()); 
    $(this).replaceWith(li); 
}) 
var ul = $("<ul />", { id: 'IDX-Manchester-slideshow' }).html($("#IDX-Manchester-slideshow").html()); 
$("#IDX-Manchester-slideshow").replaceWith(ul);

來源

2013-06-18 18:17:22

@KyleK是的，他們提供的鏈接，我不能編輯它。所以，我試圖找到一種方法後，它在頁面上執行重新格式化它。首先進行測試，然後列入輪播。我會按照建議嘗試.replaceWith。我對此很陌生 –

將div轉換爲li創建一個jquery輪播

回答

相關問題