jquery – 如何使用一个值(单击li时由.text()获取)作为选择器隐藏一些div

前端之家收集整理的这篇文章主要介绍了jquery – 如何使用一个值(单击li时由.text()获取)作为选择器隐藏一些div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个类似的列表

现在,我可以得到每个li的文本值,问题是,我不能使用文本值作为
selector.what我想做的是:我有一些div(id是“batch1,batch2 … batch6”),如果点击li,我想隐藏它(除了点击li).代码是=

HTML:

jQuery的:

$(document).ready(function(e) {
    $('body').click(function(event) {

    if($(event.target).is('#l1')) {
       var id = "'#"+$('#l2').text()+"'";
       $(id).hide();
    }
});
});

我该怎么办.我正在尝试大约24小时,但仍然在黑暗中.并提前感谢

最佳答案
您应该为所有#batch1,#batch2元素添加一个公共类,以便您可以一次性将它们全部定位.

然后使用id作为例外…

HTML

JavaScript的

$('#dropdown').on('click','a',function(e){
    e.preventDefault();
    var id = '#' + $.trim( $(this).text() ); // create the id based on the text

    $('.batch').hide(); // hide all batch elements
    $(id).show(); // show the one that corresponds to the clicked li
});

演示于http://jsfiddle.net/A5Vxm/

原文链接:https://www.f2er.com/jquery/428084.html

猜你在找的jQuery相关文章