javascript - 显示带有属性的元素

Question

<input type="radio" name="group2" test="one" value="Water"> Water
<input type="radio" name="group2" test="two" value="Beer"> Beer<br>

<div style="display: none" test="one">aaaaaaa</div>
<div style="display: none" test="two">bbbbbbb</div>
<div style="display: none" test="one">ccccccc</div>

我想:如果我点击带有属性 test="one"的单选 Water，那么应该显示所有带有属性 test="one"的 div。我如何使用 jQuery 实现它？

直播: http://jsfiddle.net/hRCXV/

Answer 1

试试这个:

$("input[type='radio']").click(function() {
    var test = $(this).attr("test");
    $("div[test]").hide();
    $("div[test='" + test + "']").show();
});

Updated fiddle

请记住，您在此处创建自己的属性是无效的。如果您使用的是 HTML5，您应该考虑使用 data 属性来存储您需要的与每个元素关联的任何信息。