0

こんにちは私はjQueryモバイルアプリを開発していますそしてこれが状況です

<script>
    function showPanel(info) {

        alert(info.id);
        alert($(info).next()[0].id);

    }
</script>

<div data-role="footer" id="footer_button" onclick="showPanel(this);">

        <h4 style="text-align: center;">Open toolbar</h4>

</div>

<div id="footerhigher1">

    <div id="footerinner1"></div>

</div>

ここで、最初のdivのこのコードonclickイベントで、最初のdivthisのIDを抽出し、jQuerydivのnext（）の方法で、次のdivのIDを取得しています。ここで、IDがfooterinner1である子のIDも取得したいので、そのIDを取得するにはどうすればよいですか？1つのページにこれらのような複数の組み合わせがあります

より明示的なビュー

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Insert title here</title>
    </head>

    <body>
        <div data-role="page">
            <div data-role="header">
                    <h1>Page Title</h1>

            </div>
            <!-- /header -->
            <div data-role="content">
                <p>Page content goes here.</p>
            </div>
            <!-- /content -->
            <div data-role="footer" id="footer_button1">
                 <h4 style="text-align: center;">Open toolbar</h4>

            </div>
            <!-- ... -->
            <div id="footerhigher1" class="higher">
                <div id="footerinner-1-1" class="inner"></div>
                <div id="footerinner-1-2" class="inner"></div>
            </div>
        </div>
        <!-- /page -->
        <div data-role="page">
            <div data-role="header">
                    <h1>Page Title</h1>

            </div>
            <!-- /header -->
            <div data-role="content">
                <p>Page content goes here.</p>
            </div>
            <!-- /content -->
            <div data-role="footer" id="footer_button2">
                 <h4 style="text-align: center;">Open toolbar</h4>

            </div>
            <!-- ... -->
            <div id="footerhigher2" class="higher">
                <div id="footerinner-2-1" class="inner"></div>
                <div id="footerinner-2-2" class="inner"></div>
            </div>
        </div>
        <!-- /page -->
        <div data-role="page">
            <div data-role="header">
                    <h1>Page Title</h1>

            </div>
            <!-- /header -->
            <div data-role="content">
                <p>Page content goes here.</p>
            </div>
            <!-- /content -->
            <div data-role="footer" id="footer_button3">
                 <h4 style="text-align: center;">Open toolbar</h4>

            </div>
            <!-- ... -->
            <div id="footerhigher3" class="higher">
                <div id="footerinner-3-1" class="inner"></div>
            </div>
    </body>

</html>
4

3 に答える 3

0

この作品がありますように：

alert($(info).next().children().eq[0].id);
于 2013-03-13T10:25:05.140 に答える
0

これを試して

 alert($(info).next().children('div').attr('id'));
于 2013-03-13T10:25:44.263 に答える
0

jqueryスタイルのイベント処理でそれを行う方法を尋ねました：

$('#footer_button').on('click', function() {
    var $this = $(this);
    alert($this.attr('id');
    // traversing the dom etc.
});

また、更新されたhtml：

<div data-role="footer" id="footer_button">
    <h4 style="text-align: center;">Open toolbar</h4>
</div>
<!-- ... -->
<div id="footerhigher1" class="higher">
    <div id="footerinner1" class="inner"></div>
</div>
于 2013-03-13T10:37:34.217 に答える