搜索基于列表项类(Search based on list item class)

2019-09-22 20:09发布

我不是太熟悉,超越文字标记和CSS什么,我有一个问题..

如果我有一个html的网页,这样的结构:

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

现在让我们假设每个列表项都有分配给它的类,但该类不是唯一的,并多次使用。 是否有可能获取基于一定的阶级到另一个.html为页面所有列表项? 例如,以召唤类“红”到一个叫页面red.html所有列表项,所有项目与类“蓝色”到blue.html。

有没有简单的方法用PHP或其他基本方法做到这一点?

任何输入被理解。

Answer 1:

让说那是你的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 ...希望这有助于:)



文章来源: Search based on list item class