내용이 커지는 두 개의 열 div를 만드는 방법은 무엇입니까?

Question

내 목표는 자동으로 커지는 두 개의 열을 만드는 것입니다. 문제는 열 1을 열 2와 비교하려고합니다.
(즉) col1 contents> col2 콘텐츠가 col2에 콘텐츠를 추가하는 경우 else col1 == col2 알 수없는 모든 콘텐츠 금액이 배치 될 때까지 다음 콘텐츠를 col1에 추가합니다.
어떻게 두 열을 비교할 수 있도록 열의 내용을 추적 할 수 있습니까?

그것은 것 문자

Answer 1

번호 대신에, 다음과 같이 보일 것입니다 콘텐츠는 일반 텍스트를 사용 JQuery와는 수행하는 경우 두 개의 클래스 (COL1과 COL2)와 :

var co1=$('.col1').val(); 
    var co2=$('.col2').val(); 
    if(co1.length > co2.length) 
    { 
     $('.col1').append('some html'); 
    }else if(co1.length <= co2.length){ 
     $('.col2').append('some html'); 
    } 

다른 경우에도이 방법을 사용할 수 있습니다.