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

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

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

 

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

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

 

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

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

이런 식으로 있는데

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

어떻게 해야하나요? 

Copy
$('.color').css("background-color", $('color').next().val());

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

답변 2개

채택된 답변
+20 포인트

Copy
$('.color').map(elem =>  $('.color').eq(elem).css("background-color", $('.color').eq(elem).next().val()) )
로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

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

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

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

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

 

변수 할당 후 불러오세요.

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

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

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

로그인
🐛 버그신고