嗨,我有一些div,其ID为newvalue1,newvalue2,.........
<div id="newvalue1"></div>
<div id="newvalue2"></div>
<div id="newvalue3"></div>
<div id="newvalue4"></div>
div我想获得ID的一部分,例如,如果我单击div newvalue1我
如果我单击newvalue2,则在变量中要1我要在该变量中要2
试试看,这个例子向您展示了如何做到这一点。
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<style type="text/css">
.square{
width: 100px;
height: 100px;
border: 2px solid black;
margin: 10px;
color: white;
text-align: center;
font-size: 20px;
cursor: pointer;
}
</style>
<body>
<div id="newvalue1" class="square" style="background-color:orange">one</div>
<div id="newvalue2" class="square" style="background-color:red">two</div>
<div id="newvalue3" class="square" style="background-color:pink">three</div>
<div id="newvalue4" class="square" style="background-color:purple">four</div>
<div id="newvalue5" class="square" style="background-color:blue">five</div>
<script type="text/javascript">
$(".square").click(function(){
var theid = $(this).attr('id');
var integerval = theid.replace( /[^\d.]/g,'');
alert(theid);
alert(integerval);
//inteterval will give you the nlumber.
});
</script>
</body>
</html>
希望这会帮助你。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句