javascript - jquery: div 不开放到 id-9

标签 javascript jquery html css

我向您发送有关我工作的详细信息,当我单击链接 1、2、3、4、5、6、7、8、9 时一切正常,然后我单击 10 然后详细 DIV 是隐藏,当我再添加一个链接时,意味着当我输入 ID 11 时,它会转到 detail-id1。我只想将 id 的 1 设置为最多 100。

请参阅此链接:JSFIDDLE

这是 JS 代码:

jQuery('a[id^="prod"]').on('click', function (e) {
    var id = $(this).attr('id').slice(-1);
    var previs = $('div.product-detail:visible');
    $('div.product-detail').hide();
    if (previs.is($('.det' + id))) {
        $('.det' + id).hide()
    }
    else
    {
        $('.det' + id).show();
    }

    e.preventDefault()
});

最佳答案

使用 var id = this.id.match(/\d+/); 从您的 ID 中获取号码

http://jsfiddle.net/hLd5W/21/

关于javascript - jquery: div 不开放到 id-9,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24093443/

相关文章:

javascript - 单击子 div 时如何停止父 href 标签的重定向?

jquery - 为什么 JQuery 中 'replaceWith' 函数上的数据没有被完全替换?

html - 父 Div 不随子 Div 展开

javascript - app.get 和 app.post 在 node.js 中获取值

javascript - jQuery slideUp/Down 奇怪事件

java - 处理草图无法用java在线运行?

javascript - Js追加和删除特定的div

php - 注销后防止后退按钮

javascript - 将单选按钮输入添加到文本框输入并将其存储在列表中?

c# - 文件上传时覆盖