PHP循环数组，jquery打印每个id值

Posted 2023-05-08

【中文标题】PHP循环数组，jquery打印每个id值

【英文标题】：PHP Looped Array, jquery to print each id value

【发布时间】：2021-03-17 20:11:40

【问题描述】：

到目前为止，我已经设法在单击按钮时打印数组中的所有值。我需要它更聪明，只打印点击元素的值。

<?php 

$Arr_shoppingList = array( 
    array("Volvo",22,18,0),
    array("BMW",15,13,1),
    array("Saab",5,2,2),
    array("Land Rover",17,15,3)
);



//Looped through array and printed values
foreach ($Arr_shoppingList as $value) 
                echo "<div class='ColumnRow Spacing Color2 Border'>";
                echo "<h1> $value[0] </h1> <br>";
                echo "<p>'MPG'. $value[1]</p> <br>";
                echo "<p>'Stock' . $value[2]</p> <br>";
                echo "<form method='GET'>";
                echo "<button class='Border' type='submit' id='$value[0]' class='Button'> $value[0] 
                      </button>";
                echo "</form>";
                echo "</div>";
        
?>

<script>

    $('button').on('click', function (event) 
        event.preventDefault()

    $('button').each(function(index, value)
        console.log(value.id)
    )
);

</script>

编辑：非常感谢第一部分已经完成，但同样，我还需要将股票和 MPG 值作为目标，我将如何将其合并到此代码中？这是我正在尝试创建的结帐篮的一部分。

【参考方案1】：

可以使用event.target.id获取被点击元素的id

<?php 

$Arr_shoppingList = array( 
    array("Volvo",22,18,0),
    array("BMW",15,13,1),
    array("Saab",5,2,2),
    array("Land Rover",17,15,3)
);



//Looped through array and printed values
foreach ($Arr_shoppingList as $value) 
                echo "<div class='ColumnRow Spacing Color2 Border'>";
                echo "<h1> $value[0] </h1> <br>";
                echo "<p>'MPG'. $value[1]</p> <br>";
                echo "<p>'Stock' . $value[2]</p> <br>";
                echo "<form method='GET'>";
                echo "<button class='Border' type='submit' id='$value[0]' class='Button'> $value[0] 
                      </button>";
                echo "</form>";
                echo "</div>";
        
?>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>

    $('button').on('click', function (event) 
        event.preventDefault()
        console.log(event.target.id);

    
);

</script>

【讨论】：

编辑：非常感谢第一部分已经完成，但同样，我还需要将股票和 MPG 值作为目标，我将如何将其合并到此代码中？这是我正在尝试创建的结帐篮的一部分。

您可以尝试通过element.target.parentNode.parentNode获取这些元素