时间戳

首页 > 解决方案 > 如何..按类获取元素，抓取id，并使用id作为变量传递给php

javascript - 如何..按类获取元素，抓取id，并使用id作为变量传递给php

问题描述

我正在间隔运行一个函数。我需要通过类名获取元素，使用每个元素的 id 并将其作为变量传递给函数。

我尝试遍历每个类名并将 id 传递给 php，但它传递了一个数组（我认为）或者可能是一个我无法分开的 html 索引。

$(".eachUnread").each(function() {
    var newId = this.id;
    $(".eachUnread").load("../php/unreadEach.php?id="+newId);
    console.log(newId);
});

我也试过。。

var x = document.getElementsByClassName("eachUnread");
var i;
for (i = 0; i < x.length; i++) {
    var newId = x[i].id;
    console.log(newId);
    $(".eachUnread").load("../php/unreadEach.php?id="+newId);
    }

当 .eachUnread div 通过所有 id 加载其循环时。如何让它只加载正确的 id？

标签： javascript

解决方案

您需要为每个function(index, item)方法添加参数并使用 attr 获取 idvar newId = $(item).attr('id');

$(".eachUnread").each(function(index, item) {
    var newId = $(item).attr('id');
    $(".eachUnread").load("../php/unreadEach.php?id="+newId);
    console.log(newId);
});


$(".eachUnread").each(function(index, item) {
    var newId = $(item).attr('id');
    $(".eachUnread").load("../php/unreadEach.php?id="+newId);
    console.log(newId);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='eachUnread' id='test1'>A</div>
<div class='eachUnread' id='test2'>B</div>
<div class='eachUnread' id='test3'>C</div>

推荐阅读