如何過濾掉重複的HTML與jQuery

Question

我有一些HTML我正在使用CMS的編程我沒寫，它正在輸出一些HTML無線電選項，並重復它們。不幸的是，我無法控制這個編程的輸出，所以我正在嘗試一種替代路線，只試圖讓一個HTML實例出現。這裏有一個例子：

<label class="fc_radio" for="shipping_service_101"><input type="radio" name="shipping_service" id="shipping_service_101" value="101|45" class="fc_radio fc_required"><span class="fc_shipping_carrier">USPS International Shipping Rate (tracking included)</span> <span class="fc_shipping_cost"><span class="fc_currency_symbol">$</span>45</span> </label> 

<label class="fc_radio" for="shipping_service_101"><input type="radio" name="shipping_service" id="shipping_service_101" value="101|45" class="fc_radio fc_required"><span class="fc_shipping_carrier">USPS International Shipping Rate (tracking included)</span> <span class="fc_shipping_cost"><span class="fc_currency_symbol">$</span>45</span> </label> 

正如你所看到的，它是相同的代碼。無論如何，jQuery基本上過濾掉了正在輸出的額外的HTML，並保留了HTML中的1個實例？他們是這個ID和Class一個div內：

<div id="fc_shipping_methods_inner" class="fc_shipping_methods_inner"> 
REPEATING HTML HERE 
</div> 

Answer 1

如果它僅僅是一個額外的元素，你可以這樣做：

$('label.fc_radio').eq(1).remove();

示例：http://jsfiddle.net/ZgLaU/

如果一個以上的元素，使用.slice()

$('label.fc_radio').slice(1).remove();

例2：http://jsfiddle.net/ZgLaU/1/

Answer 2

試試這個：

var uniqueRadioIDs = []; 

$('#fc_shipping_methods_inner label.fc_radio').each(function() { 
    if(uniqueRadioIDs.indexOf($(this).attr('for')) == -1) { 
    // unknown yet, add to list 
    uniqueRadioIDs.push($(this).attr('for')); 
    } 
    else 
    { 
    // duplicate 
    $(this).remove(); 
    } 
});