请问怎样获得 div 某个具体值

Question

<script type="text/javascript" src="jquery-1.4.2.min.js"> </script> 
 
<script type="text/javascript">
$(document).ready(function(){ 
$("#test").click(function(){  
 var i = $(this).parent().attr("class").   ;  alert(i);
 var j = $(this).parent().attr("style").   ;  alert(j); 
 });
 });
</script> <div class="class1 class2 class3" style="left:30px;top:50px;z-index:3">
<button class="test" id="test"  > test</button>
</div>请问怎样获得 div class 某个具体值 如: class2       ?
请问怎样获得 div style 某个具体值 如: 50px         ?谢谢

Answer 1

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
 $("#test").click(function(){ 
    var i = $(this).parent().attr("class") ; alert(i);
    var j = $(this).parent().css("top") ; alert(j); 
 });
});
</script> <div class="class1 class2 class3" style="left:30px;top:50px;z-index:3">
<button class="test" id="test" > test</button>
</div>

Answer 2

$(div id).style
$(div id).class

Answer 3

谢谢 您的回复!但是  $(this).parent().attr("class") 会把 class1 class2 class3 全部显示出 ?
怎样取出其中的某一个???

Answer 4

$("#test").click(function(){ 
    var temp_class = $(this).parent().attr("class") ; alert(temp_class);
    var temp_top = $(this).parent().css("top") ; alert(temp_top); 
 });楼主你的class就是class1 class2 class3 而不是某一个，这也不是一个数组，你可以去掉某一部分比如说class1 class2 clas 这样的话，那class就是等于class1 class2 clas

Answer 5

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
 $("#test").click(function(){ 
    var i = $(this).parent().attr("class").split(" ") ;
    for(var x in i) alert(i[x]);
    var j = $(this).parent().css("top") ; alert(j); 
 });
});
</script> <div class="class1 class2 class3" style="left:30px;top:50px;z-index:3">
<button class="test" id="test" > test</button>
</div>