查找ID和類之間的匹配

Question

我卡在這裏..嘗試顯示與匹配檢查的輸入元素的ID的類名的div。

這是我走到這一步，什麼錯..

HTML：

<input type="radio" id="one" name="choice" checked /> 
<input type="radio" name="choice" id="two"/> 
<div class="one"> 
    Hello! 
</div> 
<div class="two"> 
    Goodbye! 
</div> 

的jQuery：

$('input').click(function(){ 

    var currentElement = $(this).parent().find('input:checked').id; 

    $(document).getElementsByClassName(currenElement).show(); 

}); 

CSS：

div{ 
    display: none; 
} 

Answer 1

有jQuery的對象沒有財產id。爲了得到一個元素的ID，你需要attr('id')：

var currentElementId = $(this).parent().find('input:checked').attr('id'); 

但是，整個事情可以不混合JS和jQuery來完成：

$('.' + currentElementId).show(); 

因此，假設沒有錯誤在你的方法 - 我們獲取一個檢查過的輸入元素的ID，然後查找類名與我們剛剛獲取的ID相同的元素，然後顯示該類的所有元素。

這是你的工作示例：http://jsfiddle.net/N8yVt/1/

（請注意，我添加了一個隱藏功能，讓你無論是看你好再見或）

Answer 2

你正在混合jquery和javascript -

試試這個 -

$('input').click(function(){ 
    var id = $(this).parent().find('input:checked').attr('id'); 
    $('.' + id).show() 
}); 

Answer 3

嘗試

//use change event 
$('input').change(function() { 
    //hide all other inputs other than the target one 
    $('div').hide().filter('.' + this.id).show() 
}).filter(':checked').change(); //to initialize the initial display 

演示：Fiddle