이전 목록 다음
채택완료

자바스크립트 id,class 문법에 대해 여쭙습니다.

클클래스는영원히
프로필 보기이 회원 글보기이 회원의 댓글보기
 2020-04-11 (토) 21:36:25 3,879

안녕하세요

항상 sir회원님들의 많은 도움을 받고있는 회원입니다.

정말 감사드립니다.

다름이아니라

자바스크립트 소스때문에 질문드리게되었습니다.

function abtext1_replace(){
    var txt = document.getElementById('abtext_replace').value;
    txt = txt.replace(/\n$/g, '');
    txt = txt.replace(/^\s+|\s+$/g, '');

    document.getElementById('abtext_replace').value = txt;
}

위에 소스는 문제없이 작동이 잘되는데

id가 아닌 class로 여러곳을 적용하고싶어

아래와 같이 바꾸어보았습니다.

function abtext1_replace(){
    var txt = $('.abtext_replace').value;
    txt = txt.replace(/\n$/g, '');
    txt = txt.replace(/^\s+|\s+$/g, '');

    $('.abtext_replace').value = txt;
}

이와같이 바꾸어보았는데 도저히 작동하지를않네요;

문법적으로 잘못된 부분이 있는지 여쭙습니다.

고수님들의 많은 도움 부탁드립니다.

감사합니다!

자바스크립트 문법 id 클래스
|

답변 3개 / 댓글 3개

채택된 답변
+20 포인트
닥닥시
프로필 보기이 회원 글보기이 회원의 댓글보기
 2020-04-11 (토) 23:36:51

우선 id 로 선택되는 DOM 객체는 하나지만 class로 선택되는 DOM은 복수라는 것을 이해하시면 될거 같네요.  

Copy 
$('.abtext_replace').each(function(i,item){

    var txt = $(item).val();

    txt = txt.replace(/\n$/g, '');
    txt = txt.replace(/^\s+|\s+$/g, '');

    $(item).val(txt);

});

 

답변에 대한 댓글 1개

클래스는영원히
프로필 보기이 회원 글보기이 회원의 댓글보기
 2020-04-12 (일) 11:52:38
닥시님 답변 감사드립니다!
덕분에 해결되었습니다.
감사합니다^^
마마젠토
프로필 보기이 회원 글보기이 회원의 댓글보기
 2020-04-12 (일) 00:26:50

https://stackoverflow.com/questions/7480496/document-getelementbyclass-is-not-a-function

답변에 대한 댓글 1개

클래스는영원히
프로필 보기이 회원 글보기이 회원의 댓글보기
 2020-04-12 (일) 11:52:50
마젠토님 답변 감사드립니다!
많은 도움이 되었습니다.
즐거운 주말되세요^^
플라이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2020-04-11 (토) 21:43:36

id가 아닌 class 체크 처리는 jquery를 해주시면 좋습니다.

jquery 적용시 $('#id') 아이디 기준 $('.class') 이렇게 해주시면 class 기준으로 체크가 가능합니다.

답변에 대한 댓글 1개

클래스는영원히
프로필 보기이 회원 글보기이 회원의 댓글보기
 2020-04-11 (토) 22:58:31
플라이님 답변 감사드립니다.

function abtext1_replace(){
$('.abtext_replace').replace(/\n$/g, '');
$('.abtext_replace').replace(/^\s+|\s+$/g, '');
}



$('.abtext1_replace').click(function() {
$('.abtext_replace').replace(/\n$/g, '');
$('.abtext_replace').replace(/^\s+|\s+$/g, '');
});


이런식으로 2가지를 만들어보았는데요
작동을 하지 않습니다.
아직 초보자라 이러한 방식으로 하는게 아닌지 여쭙습니다.
감사합니다!

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