이전 목록 다음
채택완료

다음 요소의 input 값 가져오기

sshine1204s
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전 2,312

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());

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

javascript
|

답변 2개 / 댓글 3개

채택된 답변
+20 포인트
핑크빈
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전

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

답변에 대한 댓글 3개

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

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

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

 

변수 할당 후 불러오세요.

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