0

除了编写标记和 CSS，我对任何东西都不太熟悉，我有一个问题..

如果我有一个结构如下的 .html 页面：

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

现在让我们假设这些列表项中的每一个都分配有一个类，但该类不是唯一的，并且被多次使用。是否可以将基于某个类的所有列表项提取到另一个 .html 页面？例如，将所有具有“red”类的列表项调用到名为 red.html 的页面，并将所有具有“blue”类的项调用到 blue.html。

是否有任何简单的方法可以使用 PHP 或其他基本方法来做到这一点？

任何输入表示赞赏。

4

1 回答 1

0

可以说这是您的html：

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

然后你可以用 javascript 通过抓取所需的元素然后使用 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 中看起来会有所不同......希望这会有所帮助:)

于 2012-09-22T22:49:28.050 回答