搜索基於列表項類

我不是太熟悉，超越文字標記和CSS什麼，我有一個問題..搜索基於列表項類

如果我有這樣的一個結構的.html頁面：

<ul> 
<li></li> 
<li></li> 
<li></li> 
</ul>

現在讓我們假設這些列表項中的每一個都有一個分配給它的類，但這個類不是唯一的，而是多次使用。是否有可能基於某個類獲取所有列表項目到另一個.html頁面？例如，將所有具有類「red」的列表項目召集到一個名爲red.html的頁面以及具有類別「blue」的所有項目到blue.html。

有什麼簡單的方法可以用PHP或其他基本方法做到這一點？

任何輸入表示讚賞。

來源

2012-09-22 Nux

可以說那是你的HTML：

<ul id="list"> 
<li class="red"></li> 
<li class="blue"></li> 
<li class="red"></li>

，那麼你可以通過抓取所需的元素，然後發送這些用ajax方法所需頁面用JavaScript實現這一點。

$(function(){ 

var elements = $('#list').children('.red'); 

$('#button').click(function(){ 
    $.ajax({ 
     method: 'POST', 
     url: 'somepage.php', 
     data: elements, 
     success: function(data) { 
      $('#result').html(data); 
     } 
    }); 
});

}）;

注意，我在這裏使用jQuery，它看起來不同的普通的JavaScript ...希望這有助於:)

來源

2012-09-22 22:49:28 Pawel

我使用jQuery包含在每一頁上，並有一些jQuery的使用，但我可以問這個腳本的每個部分的含義？第一部分，是我想要獲取的父ID和列表項類？在寫出的函數中，哪一部分定義了內容來源的原始頁面，以及定義了要發送到的頁面的內容。是「url：」內容的來源還是目的地？非常感謝您的回覆，順便說一下。 – Nux

'elements'是具有'red'類的'list'的所有childred的數組。接下來的部分說，當你點擊ID爲'button'的元素時，它應該對數組作爲參數執行對腳本'somepage.php'的AJAX調用（但是他沒有給這個參數一個名字，所以我不確定它將如何出現在腳本的'$ _POST'中）。預計會將數據格式化爲HTML格式，然後該HTML將被插入頁面中具有類「結果」的元素中（看起來在這裏使用ID更合適，因爲您可能只想插入它在一個地方）。 – Barmar

搜索基於列表項類

回答

相關問題