62,046
社区成员
发帖
与我相关
我的任务
分享
<div class="allAddress">
@foreach (var a in Model)
{
<div class=@(a.IfDefault == false ? "well" : "ic") style="width:250px">
<p>@a.Name</p>
<p>@a.Province @a.City @a.District @a.DetailAddress</p>
<p>
@a.Phone @a.Zip <span class="glyphicon glyphicon-ok" style="display:none"></span>
</p>
@Html.ActionLink("编辑", "EditAddress", new { a.Id }) <a href="javascript:;" class="deAddress">删除</a>
@Html.Hidden("addressId", a.Id)
</div>
}
</div>
$("div.well").click(function () {
alert("well被点击");
$(this).removeClass("well").addClass("ic").siblings("div").removeClass("ic").addClass("well");
});
<div class="allAddress">
@foreach (var a in Model)
{
<div class="addressContent @(a.IfDefault == false ? "well" : "ic")" style="width:250px">
<p>@a.Name</p>
<p>@a.Province @a.City @a.District @a.DetailAddress</p>
<p>
@a.Phone @a.Zip <span class="glyphicon glyphicon-ok" style="display:none"></span>
</p>
@Html.ActionLink("编辑", "EditAddress", new { a.Id }) <a href="javascript:;" class="deAddress">删除</a>
@Html.Hidden("addressId", a.Id)
</div>
}
</div>
$(".addressContent").click(function () {
$(".addressContent.well").removeClass("well").addClass("ic");
$(this).removeClass("ic").addClass("well");
});
<html>
<title></title>
<head>
<meta http-equiv=Content-Type content="text/html; charset=UTF-8">
<style>
.well{
background-color: #888888;
width:200px;
height:100px;
}
.ic{
background-color: #FFFF00;
width:200px;
height:100px;
}
</style>
</head>
<body>
<div id="c">
<div class="ic">ic</div>
<div class="well">well</div>
<div class="ic">ic</div>
<div class="well">well</div>
<div class="ic">ic</div>
<div class="well">well</div>
<div class="ic">ic</div>
<div class="well">well</div>
</div>
</body>
</html>
<script src="../js/jquery-1.7.min.js"></script>
<script>
$(function(){
$('#c').on('click', '.well', function(){
alert("well被点击");
$(this).removeClass("well").addClass("ic").siblings("div").removeClass("ic").addClass("well");
})
})
</script>