使用名称选择器而不是id

Using a name selector instead of an id

本文关键字：id 选择器      更新时间：2023-09-26

如何更改以下代码以工作的name选择器而不是id ?

<div id="light" class="change_group_popup">
    <a class="close" href="javascript:void(0)">Close</a>
JavaScript 

$('.change_group').on('click',function(){
    $("#light,.white_overlay").fadeIn("slow");
    });
    $('.close').on('click',function(){
        $("#light,.white_overlay").fadeOut("slow");
     });
更新:

我添加了更多的代码来显示循环，以帮助更详细地解释我正在做的事情。

$runUsers2 = mysqli_query($con,"SELECT * FROM users ORDER BY id DESC");
$numrows2 = mysqli_num_rows($run2);
    if( $numrows2 ) {
        while($row2 = mysqli_fetch_assoc($run2)){
            if($row2['status'] == "Approved"){
            //var_dump ($row2);
                $approved_id        = $row2['user_id'];
                $approved_firstname = $row2['firstname'];
                $approved_lastname  = $row2['lastname'];
                $approved_username  = $row2['username'];
                $approved_email  = $row2['email'];
    if ($approved_firstname == true) {
        echo "Name - ". $approved_firstname . " " . $approved_lastname . "</br>" . 
            "Username - ". $approved_username . "</br></br>"
?>
<div class="change_group_button"> 
     <a class="change_group" href="javascript:void(0)">Change User Permission</a>
</div><br>
<div class="change_group_popup light">
    <a class="close" href="javascript:void(0)">Close</a>
 <div class="group_success" style="color: red;"></div><br>
    <form class="update_group" action="" method="POST">
       <div class="field">
        <label for="group">Group</label>
        <input type="hidden" value="<?php echo $approved_id; ?>" name="approved_id" />
        <input type="hidden" value="<?php echo $approved_firstname; ?>" name="approved_firstname" />
        <input type="hidden" value="<?php echo $approved_lastname; ?>" name="approved_lastname" />
        <input type="hidden" value="<?php echo $approved_username; ?>" name="approved_username" />
        <input type="hidden" value="<?php echo $approved_email; ?>" name="approved_email" />
        <select name='group_id' required>

您可以通过名称属性获取任何元素

$('[name="someName"]')

使用DOM遍历函数查找相关元素

$(".change_group").click(function() {
    var light = $(this).closest(".change_group_button").nextAll(".light").first(); // Find the next .light DIV after the button
    light.add($(".white_overlay")).fadeIn("slow");
}):
相关文章：