테스트 사이트 - 개발 중인 베타 버전입니다

다음 요소의 input 값 가져오기 채택완료

shine1204s 2년 전 조회 1,952

</p>

<p><div class="color"></div></p>

<p><input value="red"></input></p>

<p> </p>

<p><div class="color"></div></p>

<p><input value="blue"></input></p>

<p> </p>

<p><div class="color"></div></p>

<p><input value="black"></input></p>

<p>

이런 식으로 있는데

color 클래스를 가진 div의 배경색을 다음 요소의 인풋 값으로 하고 싶은데

어떻게 해야하나요? 

</p>

<p>$('.color').css("background-color", $('color').next().val());</p>

<p>

이런 식으로 해봤는데 안 되네요..

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
핑크빈
2년 전

</p>

<p>  $('.color').map(elem =>  $('.color').eq(elem).css("background-color", $('.color').eq(elem).next().val()) )</p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

s
shine1204s
2년 전
원하는 대로 완벽하게 작동됩니다 감사합니다
혹시 무슨 의미인지 알 수 있을까요?
핑크빈
2년 전
color클래스를 가진 태그들 가져와서 각각 css적용이요
s
shine1204s
2년 전
감사합니다!!

댓글을 작성하려면 로그인이 필요합니다.

var test = $('color').next().val();

$('.color').css("background-color", test);

 

변수 할당 후 불러오세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인