0

タブから選択した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>
4

4 に答える 4

1

これにより、クリックしたタブのIDが警告されます

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

ドキュメントに書き込みたい場合は、これを使用してください

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

ライブデモ

http://jsfiddle.net/zgDYZ/

于 2012-10-20T09:47:16.970 に答える
0 
<script>
var selecId = "";
$('.days').click(function(){
  selecId = $(this).attr('id');
});
</script>

selecId好きな場所で使用してください。

于 2012-10-20T09:49:52.323 に答える
0

.ui-state-activeマークアップに従って存在しないクラスから属性を取得しようとしています。したがって、コードは機能しません。

以下を試してみてください。これでうまくいきます。

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

            })
        });
于 2012-10-20T10:01:44.797 に答える
0 
<script type="text/javascript">
    $(document).ready(function () {
        $('.days').click(function () {
            alert($(this).attr('id'));
        });
    });
</script>

検証を伴う別の最良の方法

$（'a.days'）。click（function（）{

alert（$（this）.attr（'id'））; }）;

于 2012-10-20T10:25:01.553 に答える