javascript - jQuery 选中的选项卡

Question

我想从我的标签中获取选定的 ID。我尝试了任何方法，但我的 javascript 非常薄弱。这是我的标签。

<li><a href="#tab" class="days" id="day_1">Pondelok</a></li>
<li><a href="#tab" class="days" id="day_2">Utorok</a></li>
<li><a href="#tab" class="days" id="day_3">Streda</a></li>
<li><a href="#tab" class="days" id="day_4">Štvrtok</a></li>
<li><a href="#tab" class="days" id="day_5">Piatok</a></li>
<li><a href="#tab" class="days" id="day_6">Sobota</a></li>
<li><a href="#tab" class="days" id="day_7">Nedeľa</a></li>

这是我的尝试，它返回未定义。

<script>
     var selected_tab = $(".ui-state-active").attr("id"); 
     document.write(selected_tab);
</script>

Answer 1

这将提醒您单击的选项卡的 ID

$('.days').click(function(){
  alert($(this).attr('id'));
});

如果您想将其写在文档上，请使用此

$('.days').click(function(){
  document.write($(this).attr('id'));
});

现场演示

http://jsfiddle.net/zgDYZ/

Answer 2

<script type="text/javascript">
    $(document).ready(function () {
        $('.days').click(function () {
            alert($(this).attr('id'));
        });
    });
</script>

验证的另一种最佳方法

$('a.days').click(function(){

alert($(this).attr('id')); });

Answer 3

<script>
var selecId = "";
$('.days').click(function(){
  selecId = $(this).attr('id');
});
</script>

selecId随心所欲使用..

Answer 4

您正在尝试从.ui-state-active根据您的标记不存在的类中获取属性。所以你的代码不会工作：

尝试以下方法，这将起作用：

$(function() {
            $("ul li").each(function() {
            var selected_tab = $(this).find("a").attr("id"); 
            alert(selected_tab);

            })
        });