javascript - 如何在 jQuery 中获取具有特定父类的所有元素的内容并将它们传递给 GET 变量？

Question

我需要使用 的父类收集所有列表项的内容list_array，然后通过 GET 变量将它们传递给 AJAX 调用。你能推荐一个策略吗？

这是一个小提琴。

HTML：

<div>
    <ul class="list_array">
        <li>item A</li>
        <li>item B</li>
        <li>item C</li>
    </ul>
</div>
<p>some text</p>
<div>
    <ul class="list_array">
        <li>item B</li>
        <li>item C</li>
        <li>item D</li>
    </ul>
</div>
<p>some text</p>
<div>
    <ul class="list_array">
        <li>item A</li>
        <li>item C</li>
        <li>item E</li>
    </ul>
</div>

这是我目前的进展：

$(document).ready(function(){
    var listItemArr = [];
    $('.list_array li').each(function() {
        listItemArr.push($(this).text());
    });
    alert(listItemArr);
});

正如小提琴所示，这是行不通的。

理想情况下，我也会传递唯一的字符串，所以预期的结果是：

item A
item B
item C
item D
item E

（并且不包含重复项）

此外，欢迎任何将数组传递给我的 PHP 处理页面的建议。

谢谢！

Answer 1

不知道PHP。这是客户端代码：

var arrayName = 'whatever';
//use an object as an SET to remove duplicated items
var dict = {};
$('.list_array li').map(function() {
    return $(this).text();
}).each(function(){
    dict[this] = '';
});
//retrieve the values saved to the SET
var params = '';
for(var k in dict)
    params += arrayName + '=' + k +'&';
//send request
$.get('/path/to/your.php', params, function (response) {
    console.log(response);
    //or do what ever you want with the response.
}, 'html');

​</p>

Answer 2

试试这个：

var arr = [];
$('.list_array li').each(function() {
    var t = $(this).text();
    if (arr.indexOf(t) === -1) {
        arr.push(t)
    }
})
// arr = arr.join(',')  
// =>  item A,item B,item C,item D,item E

演示

您可以使用 jQuery$.post或$.ajax实用函数将数据发送到 PHP：

1. $.post()
2. $.ajax()
3. $.get()

Answer 3

试试这个

var all=[];
$('ul.list_array li').each(function(){
    var text=$(this).text();
    if($.inArray(text, all)==-1) all.push(text);
});
$.get('/url/to/page', {'items': all}, function(data){
    console.log(data);
});

变量all是一个数组，你的数组在as["item A", "item B", "item C", "item D", "item E"]中可用。$_GET$_GET['items']

选中此项以查看过滤后的数组。