像页面一样在div之间切换

时间:2017-01-27 04:04:08

标签: javascript jquery html

我有几个带有增量ID的div元素(例如div0,div1,div2(我知道这是不好的做法 - 我正在为Outlook日历导出开发一个动态的CSV到HTML转换器))我想要使用链接到前进/后退按钮的jQuery在它们之间切换。我想要做的是如下(在无意义的伪代码中):

from xlrd import xlsx

由于我对jQuery几乎一无所知,我的问题是1.实现上述示例的语法是什么(假设我在正确的轨道上),以及2.在jQuery中是否有办法以某种方式检查对于上边界,所以计数器不会增加到高于div的数量?

3 个答案:

答案 0 :(得分:0)

如果您想知道jQuery中有多少div,请选择它们并选择所需的长度:

$('.div').length

您甚至可以使用该选项循环显示哪些div:

var $divs = $('.div');
var upperLimit = $divs.length - 1;
var index = 0;

// on arrow click
$($divs[index]).hide();
index++ (or index--, depending on the arrow)
$($divs[index]).show();

答案 1 :(得分:0)

int不是JavaScript中的数据类型。使用var。声明将是var pos = Number(0)。要防止超出div数量的边界,请声明一个包含div数量的变量,并在隐藏和显示调用中,使用pos℅divLength代替pos。假设您的总div为4,那么这种方式永远不会超过div3。它将从div0迭代到div3。请参阅this以了解如何使用显示和隐藏方法。

答案 2 :(得分:0)

Here's a demo.

<?php

    require 'vendor/autoload.php';
    use UnificationEngine\Models\UEUser;

    $user = new UEUser("USER_ACCESSKEY","USER_ACCESSSECRET");

    $connection = $user->add_connection("google","googleplus","ACCESS_TOKEN@googleplus.com/?id=PAGE_ID&refresh_token=REFRESH_TOKEN&is_profile=false");

    $options = array(
        "receivers" => array(
            array(
                "name"=> "page",
                "id"=> "PAGE_ID"// page id in which page you have to send
            )
        ),
        "message"=>array(
            "subject"=>"ABC111",
            "body"=> "",
            "image"=>"http://politibits.blogs.tuscaloosanews.com/files/2010/07/sanford_big_dummy_navy_shirt.jpg",
            "link"=>array(
                "uri"=> "http://google.com",
                "description"=> "",
                "title"=>"Click here for view"
            )
        )
    );

    //Send the message and get their uris
    $uris = $connection->send_message($options); 

    print_r($uris);

?>

以上代码将根据您是在数据列表的开头还是结尾来禁用和启用下一个和后一个按钮。它隐藏所有元素,然后显示应该显示的特定元素。