Question

我正在使用ASP.net MVC 5，我创建了一个带有4个图像的bootstrap轮播/幻灯片，我想获得此轮播上活动幻灯片的ID。然后，当用户点击提交按钮时，我可以将他重定向到另一个记录URL中活动幻灯片ID的页面。

<form method="post">
<div id="mycarousel" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#mycarousel" data-slide-to="0" class=""></li>
        <li data-target="#mycarousel" data-slide-to="1"></li>
        <li data-target="#mycarousel" data-slide-to="2"></li>
        <li data-target="#mycarousel" data-slide-to="3"></li>
    </ol>

    <a class="carousel-buttonleft" href="#mycarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>


    <a class="carousel-buttonright" href="#mycarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>


    <div class="carousel-inner" role="listbox" style="height:300px">

        <div class="item active" align="center">
            <div align="center" class="carousel-image"><img src="../images/saumon.png" alt="saumon1" /></div>
            <div class="carousel-caption">
                <p>NORMAL SKIN</p>
            </div>
            </a>
        </div>
        <div class="item ">
            <div align="center" class="carousel-image">
                <img src="../images/saumon.png" alt="saumon1" />
            </div>
            <div class="carousel-caption">
                <p>SILVER SKIN</p>
            </div>
        </div>

        <div class="item " align="center">
            <div align="center" class="carousel-image"><img src="../images/saumon.png" alt="saumon1" /></div>
            <div class="carousel-caption">
                <p>DEEP SKIN</p>
            </div>
        </div>

        <div class="item " align="center">
            <div align="center" class="carousel-image"><img src="../images/saumon.png" alt="saumon1" /></div>
            <div class="carousel-caption">
                <p>WITH SKIN</p>
            </div>
        </div>

    </div>
</div>

感谢。

Answer 1

抱歉，我正在使用手机。您必须按className选择。

在css中：

.carousel-inner .item .active

在jQuery中：

$（'。carousel-inner .item .active'）

然后... .attr（'id'）以及值 .val（）或 .text（）

在C＃中，我找到了这个主题，向您展示如何根据特定的className目标在页面控件中进行迭代： StackOverflow

从轮播到URL获取有效值

1 个答案: