Question

点击包含class="a"的按钮，增加counter。

我怎么能：

使用class="b"（而不是“b”的孩子）查找div，其ID等于该计数器
从中删除课程hidden
通过在其末尾添加counter值来更改哈希值（不重新加载页面）

这是我试过的：

HTML

<a class="a" id="0">link</a>
<div class="b hidden" id="1">1</div>
<div class="b hidden" id="2">2</div>
<div class="b hidden" id="3">3</div>

JAVASCRIPT

var counter = 0;

$('.a').click(function () {
    counter++;

    var current_id = counter;

    //check to fin ids = counter to remove class hidden from them    
    $('.b[id="' + current_id + '"]').removeClass('hidden'); // not work
}, function () {

});

JsFiddle Here

Answer 1

Working Fiddle

$('.a').click(function () {
    counter++;
    var current_id = counter;
    $('.counter').text(current_id);//show the counter value
    $('.b').addClass('hidden');//hide all  
    $('.b[id="' + current_id + '"]').removeClass('hidden');//show the required
});

锚标记没有href 不是一个好习惯^{（没有href没有hidden可以点击锚标记，这要归功于 @ showdev 有价值的评论）}
你没有使用$(document).ready();类定义你想要做的事情。假设从名称中，我猜你不想显示隐藏类的元素

只是使用{{1}}中的代码的建议会更安全......

希望这会有所帮助.. !!

使用jQuery查找id等于数字

1 个答案: