Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery:两个不同链接上的相同类号_Javascript_Jquery - Fatal编程技术网

Javascript Jquery:两个不同链接上的相同类号

Javascript Jquery:两个不同链接上的相同类号,javascript,jquery,Javascript,Jquery,我有以下功能 $('.link1-**number**').click( function() { $(".link2-**number**").hide() }); 当我点击link1-number时,我想隐藏link2-number,但前提是number的值相同 所以 链接1 隐藏链接2 链接1 隐藏链接2 链接1 隐藏链接2 etc您的问题太模糊了,但我相信您正在寻找的是从选择器开始的: $('a[class^="b-"]').click(); 它将匹配所有的您的问题它太模糊了

我有以下功能

$('.link1-**number**').click( function() {
    $(".link2-**number**").hide()
});
当我点击link1-number时,我想隐藏link2-number,但前提是number的值相同

所以
链接1

隐藏链接2

链接1

隐藏链接2

链接1

隐藏链接2


etc

您的问题太模糊了,但我相信您正在寻找的是从选择器开始的:

$('a[class^="b-"]').click();

它将匹配所有的

您的问题它太模糊了,但我相信您正在寻找的是从选择器开始的:

$('a[class^="b-"]').click();
它将匹配您编辑的所有答案:

$('a[class^=link1]').click(function(){
    var number = this.className.split('-')[1];
    $('a.link2-' + number).hide();
});

请注意,它仅在以下情况下才起作用:

  • link1
    锚只有一个类
  • 该锚点只有一个连字符
  • 回答您的编辑问题:

    $('a[class^=link1]').click(function(){
        var number = this.className.split('-')[1];
        $('a.link2-' + number).hide();
    });
    

    请注意,它仅在以下情况下才起作用:

  • link1
    锚只有一个类
  • 该锚点只有一个连字符

  • 使用@gdoron中的选择器,如何:

    $('a[class^="link1-"]').click(function() {
        var className = $(this).attr('class');
        var i = className.indexOf('-');
        if (i >= 0) {
            var number = className.substring(i + 1);
            $(".link2-" + number).hide()
        }
    });
    
    注意:仅当“link1-#####”元素具有单个类名时,此选项才有效。必须对其进行增强,以支持它们具有多个类名,但即使这样,“link1-####”类名也必须放在第一位

    编辑:再次查看,由于与选择器匹配的类名必须至少包含一个破折号,因此代码可以缩短为:

    $('a[class^="link1-"]').click(function() {
        var className = $(this).attr('class');
        var number = className.substring(className.indexOf('-') + 1);
        $(".link2-" + number).hide()
    });
    

    使用@gdoron中的选择器,如何:

    $('a[class^="link1-"]').click(function() {
        var className = $(this).attr('class');
        var i = className.indexOf('-');
        if (i >= 0) {
            var number = className.substring(i + 1);
            $(".link2-" + number).hide()
        }
    });
    
    注意:仅当“link1-#####”元素具有单个类名时,此选项才有效。必须对其进行增强,以支持它们具有多个类名,但即使这样,“link1-####”类名也必须放在第一位

    编辑:再次查看,由于与选择器匹配的类名必须至少包含一个破折号,因此代码可以缩短为:

    $('a[class^="link1-"]').click(function() {
        var className = $(this).attr('class');
        var number = className.substring(className.indexOf('-') + 1);
        $(".link2-" + number).hide()
    });
    

    你想要的是一个链接,其中包含用户要访问的位置,比如wordpress之类的软件生成的toc?是的,我正在使用wordpress。这取决于帖子的内容,你希望有一个链接,其中包含用户要访问的位置,比如wordpress之类的软件生成的toc?是的,我正在使用wordpress。这取决于帖子。好的,谢谢你们的回答(你们两个)。我要澄清我的问题,因为这不是我想要的for@user1708580,您的编辑就像一个新问题,我为您的编辑添加了一个新答案。好的,谢谢您的回答(你们两个)。我要澄清我的问题,因为这不是我想要的for@user1708580,您的编辑就像一个新问题,我为您的编辑添加了一个新答案。@gdoron,谢谢,它当然使用了您的选择器,您也想到了同样的想法。@gdoron,谢谢,它当然使用了您的选择器,您也想到了同样的想法。@JohnS,事实上,这是正确的。当link1有多个类时,请参阅。我已更正。老实说,我不知道我在想什么。谢谢你把这个例子放在一起。@JohnS,事实上它是正确的。当link1有多个类时,请参阅。我已更正。老实说,我不知道我在想什么。谢谢你把这个例子放在一起。