2011-03-01 6 views
1

요소에 따라 html() 또는 val() 또는 text()를 통해 요소의 유형을 확인하고 그 값을 설정하는 jquery 플러그인을 찾고 있습니다. 그런가요? html 요소의 값을 설정하는 공통 플러그인을 갖는 것이 좋을 것입니다.jquery 플러그인을 사용하여 html 요소의 값을 설정하십시오.

+2

콜린스 : 바닐라 jQuery로 처리 한 내용은 무엇입니까? –

답변

1

난 당신이 이것에 대한 플러그인이 필요 거라고 생각하지 않지만, 짧은 jQuery를 확장 작성할 수

$.fn.set_val = function(value) { 
    switch (this[0].nodeName.toLowerCase()) { 
    case 'input': 
     $(this[0]).val(value); 
     break; 
    default: 
     $(this[0]).html(value); 
     break; 
    } 
}; 

그런 다음이처럼 호출 할 수 있습니다

<input type="text" name="foo" id="foo" value="" /> 
<div id="bar"></div> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#foo').set_val('hello'); 
     $('#bar').set_val('goodbye'); 
    }); 
</script> 

당신을 필요에 따라 다른 HTML 요소에 대한 조건을 switch 문에 추가 할 수 있습니다. http://jsfiddle.net/hans/4T3x5/

+0

감사합니다. 정확히 무엇이 필요한가요? 그러나 "jquery extension"과 "jquery plugin"의 차이점은 무엇입니까? – amateur

+1

jQuery 플러그인은 일반적으로 확장 기능을 제공합니다. 플러그인은 단지 "플러그 형"입니다. 즉, 플러그인 파일을 다운로드하고 HTML에 추가하면 모든 것이 갑자기 작동합니다. 확장은 특정 프로젝트에만 적용될 수 있고 다른 프로젝트로 쉽게 이식 할 수없는 코드 조각입니다. –

관련 문제