0

我正在使用 ASP.net MVC 5，我创建了一个带有 4 个图像的引导轮播/幻灯片，我想获取此轮播上活动幻灯片的 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>

谢谢。

4

1 回答 1

2

抱歉，我目前正在使用我的手机。您必须按类名选择。

在 css 中：

.carousel-inner .item .active

在 jQuery 中：

$('.carousel-inner .item .active')

然后... .attr('id')和值.val()或.text()

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

于 2017-04-05T07:26:43.733 回答