Question

我的代码中有多个div / s / box，并且当我单击该特定div中的按钮时，想要仅为div设置动画。每个div都有另一个ID，ID将从数据库中获取，用户可以将新数据提交到数据库，并且将自动生成具有新ID的新div。 ID被称为＆＃34;＃1＆＃34;，＆＃34;＃2＆＃34;等从数据库中获取的ID号。如何通过单击该div内的按钮来选择jquery特定的div ID？我们没有使用点击事件，我们正在使用ScriptManager和UpdatePanel。我们的jquery代码如下所示：

   <script type="text/javascript">
        jQuery(function ($) {
            var prm = Sys.WebForms.PageRequestManager.getInstance();
            prm.add_beginRequest(function (source, args) {
                $("the id of the div here, how to get the right id?").fadeOut(2000);
            });

            prm.add_endRequest(function (source, args) {
                // any other code you want to execute after the post back finishes


                window.location.href = "campagnes.aspx";
            });
        })
    </script>

Answer 1

请检查这个小提琴， Demo

请参阅此代码以获得一个想法

<style>
.divstyle
{
    height:100px; 
    width:100px;
    background-color:green;
}
</style>
<script>

function animatediv(ctrl)
{
    debugger
    $("#"+ctrl.parentNode.id).fadeOut(2000);
}
</script>
<div id="div1" class="divstyle"><input type ="button" onclick="animatediv(this);" value="click"/></div>
<div id="div2" class="divstyle"><input type ="button" onclick="animatediv(this);" value="click"/></div>
<div id="div3" class="divstyle"><input type ="button" onclick="animatediv(this);" value="click"/></div>
<div id="div4" class="divstyle"><input type ="button" onclick="animatediv(this);" value="click"/></div>
<div id="div5" class="divstyle"><input type ="button" onclick="animatediv(this);" value="click"/></div>

Answer 2

在Jquery中，你可以使用它：

$('div').click(function(e) { $(e.currentTarget).fadeOut(2000); });

在Sys.WebForms.PageRequestManager中，我认为你可以从args访问元素对象。

$(args.get_postBackElement()).fadeOut(2000);

jquery选择特定的id（parrent？）

2 个答案: