如何使用jQuery从超链接onclick获取ID?

时间:2018-11-21 05:02:41

标签: javascript jquery

我有包含`class =“ candidate_type”的超链接。我想点击一个按钮 并显示带有候选对象类型ID的锚点ID。

<script>
    $(document).ready(function(){
        $("#continue").click(function(){
            candidate_type = $(".candidate_type").attr('id');
            alert(candidate_type);
        });
    });
</script>

<a class="candidate_type" id="Employer">I`m Employer</a>
<a class="candidate_type" id="Consultant">I`m Consultant</a>

<a href="javascript:void(0)" id="continue" class="btn-new">Continue</a>

谢谢

1 个答案:

答案 0 :(得分:6)

您有多个candidate_type元素,要获取所有元素的ID,可以使用.each对其进行迭代,如下所示

    $(document).ready(function(){
        $("#continue").click(function(){
            $(".candidate_type").each(function(){
              var candidate_type = $(this).attr('id');
              alert(candidate_type);
            });
        });
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="candidate_type" id="Employer">I`m Employer</a>
<a class="candidate_type" id="Consultant">I`m Consultant</a>

<a href="javascript:void(0)" id="continue" class="btn-new">Continue</a>