顯示2個具有相同ID和類的點onClick

有沒有辦法顯示2個具有相同id和類的onClick的jQuery，無法解決這個問題。（Div1構成/類targetDiv）顯示2個具有相同ID和類的點onClick

HTML：

<div class="buttons"> 
    <a class="showSingle" data-target="1">Option 1</a> //With this 
    <a class="showSingle" data-target="2">Option 2</a> 
    <a class="showSingle" data-target="3">Option 3</a> 
    <a class="showSingle" data-target="4">Option 4</a> 
</div> 

<div id="div1" class="targetDiv">Lorum Ipsum 1</div> //Show this 
<div id="div1" class="targetDiv">Lorum Ipsum 1 Second</div> //And this 
<div id="div2" class="targetDiv">Lorum Ipsum 2</div> 
<div id="div3" class="targetDiv">Lorum Ipsum 3</div> 
<div id="div4" class="targetDiv">Lorum Ipsum 4</div>

的Jquery：

$('.showSingle').on('click', function() { 
    $(this).addClass('selected').siblings().removeClass('selected'); 
    $('.targetDiv').hide(); 
    $('#div' + $(this).data('target')).show(); 
}); 
$('.showSingle').first().click();

小提琴： https://jsfiddle.net/XwN2L/5709/

非常感謝你的幫助！

來源

2015-03-30 user3599221

你的兩個div不應該有相同的ID。 ID的每個元素必須是唯一的。然而類可以在多個元素之間共享。 – 2015-03-30 21:20:12

你永遠不應該有2個具有相同ID的元素。 Id的需要是獨一無二的。將相同的類添加到想要組合在一起的任何元素（例如，'div1'的類到多個元素），然後顯示該類。 – tabz100 2015-03-30 21:20:58

我的壞..現在工作都很好。身份證是獨一無二的..應該知道的！謝謝你們！ – user3599221 2015-03-30 21:39:25

在一個頁面上不可能有一個以上的ID。

ID =標識符

如果你想擁有「綁定」元素的可見性，你頁面上，你可以使用的數據具有相同值屬性的能力。

例如：

<div class="links"> 
    <a href="#group-1">Group 1</a> 
    <a href="#group-2">Group 2</a> 
    <a href="#group-3">Group 3</a> 
    </div> 

    <div class="some-class" data-id="group-1"></div> 
    <div class="some-class" data-id="group-1"></div> 
    <div class="some-class" data-id="group-2"></div> 
    <div class="some-class" data-id="group-3"></div> 
    <div class="some-class" data-id="group-2"></div>

然後：

var $links = $('.links').find('a'); 

$links.on('click', function (e) { 
    e.preventDefault(); 

    var group = $(this).attr('href').replace('#', ''); 

    $('.some-class').hide(); 
    $('.some-class[data-id="' + group + '"]').show(); 
});

來源

2015-03-30 23:23:58 justinledouxweb

顯示2個具有相同ID和類的點onClick

回答

相關問題