html未选择元素,Jquery同辈元素选中/未选中效果的实例代码

Jquery 同辈元素选中/未选中效果

function selectchange(tempid) {

var alink = $("#linktable").find("span");

alink.each(function () {

$(this).removeClass("templinkactive").addClass("templink");

});

$("#alink" + tempid).removeClass("templink").addClass("templinkactive");

}

.templinkactive

{

padding:5px;

text-decoration:none;

background-color:  #2788DA;

color:#ffffff;

}

.templink

{

cursor:pointer;

padding:5px;

text-decoration:none;

}

模板001(一行三列)

模板002(一行四列)

模板003(一行三列)

模板004(一行四列)

模板005(一行三列)