C# 使用JQuery显示和隐藏动态div

我有下面的HTML

<div style="display: block;" id="FeaturedPromo1">
    <img title="Enjoy a refreshing shower" alt="Enjoy a refreshing shower" src="/english/images/spa.jpg">
    <div class="slideshow-br">
        <div class="slideshow-br-controls">
            <a style="display: inline;" title="Prev" href="#" class="slideshow-br-controls-left"></a>
                <span>
                    <a id="active-banner-slide" style="display: inline;" title="Enjoy a refreshing shower" href="#" class="0-banner-button"></a>
                    <a style="display: inline;" title="The comfort of your own" href="#" class="1-banner-button"></a>
                </span>
            <a style="display: inline;" title="Next" href="#" class="slideshow-br-controls-right"></a>
        </div>
    </div>                      
</div>
<div style="display: none;" id="FeaturedPromo2">
    <img title="The comfort of your own Private Suite" alt="The comfort of your own Private Suite" src="/english/images/suites.jpg">
    <div class="slideshow-br">
        <div class="slideshow-br-controls">
            <a style="display: inline;" title="Prev" href="#" class="slideshow-br-controls-left"></a>
                <span>
                    <a style="display: inline;" title="Enjoy a refreshing shower" href="#" class="0-banner-button"></a>
                    <a id="active-banner-slide" style="display: inline;" title="The comfort of your own" href="#" class="1-banner-button"></a>
                </span>
            <a style="display: inline;" title="Next" href="#" class="slideshow-br-controls-right"></a>
        </div>
    </div>                      
</div>

请建议是否可以使用代码隐藏

$('#FeaturedPromo1').hide();
$('#FeaturedPromo2').show();

这就是你要找的还是我误解了你的问题

根据MKS的意见进行编辑：

从div中删除下一个、上一个链接并仅添加一次：

<a onclick="Prev();">Prev</a><a onclick="Next();">Next</a>
<script>
var divNumber = 1;

function Prev()
{
    if(divNumber >1)
    {
        $('#FeaturedPromo' + divNumber ).hide();
        $('#FeaturedPromo' + --divNumber).show();
    }
}
function Next()
{

    if ($('#FeaturedPromo' + (divNumber + 1)).exists()) 
    {
        $('#FeaturedPromo' + divNumber).hide();
        $('#FeaturedPromo' + ++divNumber).show();
    }
}
</script>

PrevNext
var divNumber=1；
函数Prev（）
{
如果（divNumber>1）
{
$（'#FeaturedPromo'+divNumber）.hide（）；
$（'#FeaturedPromo'+--divNumber.show（）；
}
}
函数Next（）
{
如果（$（'#FeaturedPromo'+（divNumber+1））.exists（））
{
$（'#FeaturedPromo'+divNumber）.hide（）；
$（'#FeaturedPromo'+++divNumber）.show（）；
}
}

我没有测试它，但这就是我的想法

---

如果您想在服务器端执行作业，请发布生成div的代码。

如果我怀疑这是一个幻灯片，我建议使用一个完成的插件来完成您正在尝试的操作

举个例子来看看：

做你该做的事。：）

---

希望有帮助

谢谢@Morsanu，我知道这是可以做到的，但是我的下一个不知道隐藏和显示哪个DIV，所以上面的解决方案不起作用。你说你用asp.net服务器代码生成这个。也许您应该为每个下一个和上一个链接生成操作。或者，您可以从div中选择next&prev按钮，只使用一个，并在变量中维护div编号。您能否建议如何使用上述代码示例？如果您没有

href

，为什么要使用

标记？在使用jQuery时，为什么不使用

.click（）

事件处理程序呢？很抱歉，Morsanu，上面的javascript代码不起作用，给出错误：$（“#FeaturedPromo”+（divNumber+1））。exists不是函数

<a onclick="Prev();">Prev</a><a onclick="Next();">Next</a>
<script>
var divNumber = 1;

function Prev()
{
    if(divNumber >1)
    {
        $('#FeaturedPromo' + divNumber ).hide();
        $('#FeaturedPromo' + --divNumber).show();
    }
}
function Next()
{

    if ($('#FeaturedPromo' + (divNumber + 1)).exists()) 
    {
        $('#FeaturedPromo' + divNumber).hide();
        $('#FeaturedPromo' + ++divNumber).show();
    }
}
</script>