js如何选取DIV中的DIV标签

JavaScript026

js如何选取DIV中的DIV标签,第1张

var all_elem = document.getElementsByTagName(elem_tags)

你可以给你要获得的div元素定义一个ID

通过通过ID来获取元素

<!DOCTYPE HTML>

<html>

<head>

<title>yugi</title>

<meta charset=UTF-8 />

<style type="text/css">

.red {

background-color: red

}

</style>

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

<script type="text/javascript">

jQuery (function ()

    {

    $ ("div").click (function ()

    {

    $ (this).addClass ("red").siblings ("div").removeClass ("red")

    })

    })

</script>

</head>

<body>

<div>1</div>

<div>2</div>

<div>3</div>

<div>4</div>

<div>5</div>

</body>

</html>

修改border样式就可以了

需要结构,以div的class为"bank"为例:

css部分:

.back_active{border:1px solid red}

jquery部分:

$(".bank").click(function(){

if($(this).hasClass("bank_active")) return

$(".back_active").removeClass("back_active")

$(this).addClass("back_active")

})