Javascript 当你点击每个单词/名字，特定的div show，你会得到什么？

我正在做一个网站，当我点击Alagoas的时候，“div_Alagoas”就会出现。当我点击BAHIA单词时，“div_alagoas and hide”“div_BAHIA”显示

在这个例子中，我用输入无线电进行了测试，它成功了。但是我不知道如何使用标签

我该怎么做

HTML:

---

好吧，如果你想要一个点击监听器：

$('[name=alagoas]').click(function(event){
    if($(event.target).attr('id') === 'ala'){
            $('#div_alagoas').show();
            $('#div_bahia').hide();
    }
    else if ($(event.target).attr('id') === 'ba'){
            $('#div_bahia').show();
            $('#div_alagoas').hide();
    }
});

另一个注意事项是，HTML的格式应该更好，比如将

li

标记放入

ul

或

ol

<ul>
    <li><a name="alagoas" id="ala">ALAGOAS </a></li>
    <li><a name="alagoas" id="ba">BAHIA </a></li>
</ul>

---

就把它拿走吧？？？从更改切换到单击这正是我所需要的，它成功了，谢谢！

$('[name=alagoas]').click(function(event){
    if($(event.target).attr('id') === 'ala'){
            $('#div_alagoas').show();
            $('#div_bahia').hide();
    }
    else if ($(event.target).attr('id') === 'ba'){
            $('#div_bahia').show();
            $('#div_alagoas').hide();
    }
});

<ul>
    <li><a name="alagoas" id="ala">ALAGOAS </a></li>
    <li><a name="alagoas" id="ba">BAHIA </a></li>
</ul>

$('#ala').click(function(){ 
    $('#div_alagoas').show();
    $('#div_bahia').hide();
});

$('#ba').click(function(){ 
    $('#div_alagoas').hide();
    $('#div_bahia').show();
});