QA@IT
«質問へ戻る

質問を投稿

jQueryのeach文のthisno使い方についてです。

jQueryの勉強をしていて質問があります。
質問は下記のコードにあるようなソースのeach文の中のthisについてです。


$(function(){
var test;
$('#test ul').each(function(){
test=$(this);
alert(test.children().eq(0).text());
test.eq(0).css({
color:'#FFFFFF',
backgroundColor:'#009900'
});
});





ul1 li1
ul1 li2
ul1 li3


このコードではセレクタの部分で$('#test ul')で指定していますが、これを('#test ul li')と指定して一つ目のli要素の指定として$(this).eq(0)としてもうまく行きません。

eachのthisとはどのような形で値を持っているのでしょか?

よろしくお願いいたします。

jQueryの勉強をしていて質問があります。
質問は下記のコードにあるようなソースのeach文の中のthisについてです。


------------------------------------------------------------------------------------------
<script type="text/javascript">
$(function(){
	var test;
	$('#test ul').each(function(){
		test=$(this);
  alert(test.children().eq(0).text());
  test.eq(0).css({
    color:'#FFFFFF',
	backgroundColor:'#009900'
  });
});
</script>
</head>
<body>
<div id="test">
<ul>
<li>ul1 li1</li>
<li>ul1 li2</li>
<li>ul1 li3</li>
</ul>

---------------------------------------------------------------------

このコードではセレクタの部分で$('#test ul')で指定していますが、これを('#test ul li')と指定して一つ目のli要素の指定として$(this).eq(0)としてもうまく行きません。

eachのthisとはどのような形で値を持っているのでしょか?

よろしくお願いいたします。