基于列表项类搜索

时间:2012-09-22 22:18:29

标签: php class search html-lists

除了编写标记和CSS之外,我不太熟悉,我有一个问题..

如果我有一个.html页面,其结构如下:

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

现在让我们假设每个列表项都有一个分配给它的类,但该类不是唯一的,并且多次使用。是否可以将基于某个类的所有列表项提取到另一个.html页面?例如,将所有列为“red”的列表项召唤到名为red.html的页面,将所有列为“blue”的项目召唤给blue.html。

使用PHP或其他基本方法有没有简单的方法呢?

赞赏任何意见。

1 个答案:

答案 0 :(得分:0)

让我们说这是你的HTML:

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

然后你可以通过抓取所需的元素然后使用ajax方法将这些元素发送到所需的页面来完成这个。

$(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中会有所不同...希望这会有所帮助:)