获取 ul li javascript 的事件

Question

我在访问某些类时遇到问题，因为我有一个数据库下降列表，当我选择一个项目时，全选。¿为什么？

我认为我需要访问该活动。

这是脚本：

$(document).ready(function(){ 
$("#contenedor_central .boton_opciones").click(function(e){
    e.preventDefault();
     if ($("#contenedor_central .menu_noticia").hasClass('desactivado')){
        $("#contenedor_central .menu_noticia").css({"display":"table"});
        $("#contenedor_central .menu_noticia").removeClass('desactivado');
        $("#contenedor_central .menu_noticia").addClass('activado');
     }else{
        $("#contenedor_central .menu_noticia").removeClass('activado');
        $("#contenedor_central .menu_noticia").css({"display":"none"});
        $("#contenedor_central .menu_noticia").removeClass('activado');
        $("#contenedor_central .menu_noticia").addClass('desactivado');
     }
});

});

此脚本显示所有 ul，我只想显示单击的元素

这是php：

<?php
echo '<div id="contenedor_central" class="contenedor_central">';
$conexion=mysqli_connect("***", "***", "", "***");
if(!$conexion){
    echo "La conexion ha fallado : " . mysqli_error();
    exit();
}
$tamano_paginas=6;
if(isset($_GET["pagina"])){
    if($_GET["pagina"]==1){
        header("Location: index.php");
    }else{
        $pagina=$_GET["pagina"];
    }
}else{
    $pagina=1;      
}
$empezar=($pagina-1)*($tamano_paginas);
$consulta="SELECT * FROM contenidoblog";
if($resultado=mysqli_query($conexion, $consulta)){
    $num_filas=mysqli_num_rows($resultado);
    $total_paginas=ceil($num_filas/$tamano_paginas);
}
$consulta_filtrada="SELECT * FROM contenidoblog LIMIT $empezar, $tamano_paginas";
$resultado1=mysqli_query($conexion, $consulta_filtrada);
    if($resultado1){
        while($registro= mysqli_fetch_assoc($resultado1)){  
            echo "<div class='opciones'>
                    <ul class='menu_noticia desactivado'>
                        <li>Favoritos</li>
                        <li>Compartir</li>
                        <li>Me gusta</li>
                        <li>Comentar</li>
                    </ul>
                </div>";
            echo "<div id='cajaContenedor'> ";  
            if($registro['imagen']!=""){
                echo "<img src='imagenes/" . $registro['imagen'] . "'  />";}
            echo"<div id='contenedor_titular_cabecera'> <i id='btnn' class='boton_opciones fa fa-bars fa-lg' aria-hidden='true'></i>
            <a href='*'".$registro['cabecera']."&id=".$registro['id']."'>";
            echo "<p> ". $registro['fecha'] ."</p>";
            echo "<H2>" . $registro['cabecera'] . "</H2>";
            echo "<p>". $registro['titular'] . "</p>";
            echo "</a>";
            echo "</div>";
            echo "</div>";
        }
    }
    mysqli_close($conexion);
    for($i=1;$i<=$total_paginas;$i++){
        echo "<a href='?pagina=". $i . "'/>" . $i . "</a>  ";
    }
    echo "<BR></BR>";
echo "</div>";
?>

This is the image

Answer 1

因为$("#contenedor_central .menu_noticia")会选择所有的li。

你必须区分你当前的点击li。

您可以为所有$("#contenedor_central .menu_noticia") 添加 eventListener 并使用$(this) 选择您当前的点击 li。

$("#contenedor_central .menu_noticia).click(function(e){
 e.preventDefault();
 if ($(this).hasClass('desactivado')){
    $(this).css({"display":"table"});
    $(this).removeClass('desactivado');
    $(this).addClass('activado');
 }else{
    $(this).removeClass('activado');
    $(this).css({"display":"none"});
    $(this).removeClass('activado');
    $(this).addClass('desactivado');
 }
})