javascript - 是否可以从 foreach 循环中获取 attr 值

Question

我试过这段代码，但它提示未定义

<?php 
    foreach($result1 as $res1)
    {
            $user_id = 5;
?>
        <form name="wish" method="post" action="javascript:void(0);">
        <input type="submit" class="submit_wish1" id="calButton" data-wid="<?php echo $res1->user_id; ?>" data-uid="<?php echo $user_id; ?>" value="" onclick="favfunction()"/>
        </form>
<?php
    }
?>


<script>
    function favfunction()
    {
        calBtn = $(this).attr('data-wid');
        calBtn1 = $(this).attr('data-uid');
        alert(calBtn);
        alert(calBtn1);

    }
</script>

当我使用

    calBtn = $('#calButton').attr('data-wid');
    calBtn1 = $('#calButton').attr('data-uid');

它提醒相同的值。

Answer 1

我建议您将 DOM 对象本身传递给您的函数

onclick="favfunction(this);"

然后你可以在你的 JS 中做这件事

<script>
function favfunction(elm)
{
    var calBtn = $(elm).attr('data-wid');
    alert(calBtn);
}
</script>