得到ul li javascript的事件

时间:2017-10-23 08:59:52

标签: javascript php sql parent children

我有访问某个类的问题,因为我有一个数据库下降的列表,当我选择一个项目时,选择all。为什么?

我认为我需要使用该事件进行访问。

这是剧本:

function createInc(startValue) {
    return function (step) {
        startValue += step;
        return startValue;
    };
}
var inc = createInc(5);
var inc2 = createInc(5);
console.log(inc(1));
console.log(inc(2));
console.log(inc2(1));

});

此脚本显示所有ul,我只希望显示单击的元素

这是php:

$(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');
     }
});

This is the image

1 个答案:

答案 0 :(得分:0)

因为$("#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');
 }
})