데이터 속성을 사용하여 요소를 참조하고 다른 요소에 영향을 미침

Question

가변 데이터 속성이있는 여러 입력 필드가 있으며 각 입력 필드에는 해당 버튼이 있습니다. 각 입력 필드에 값이 있는지 확인하고 확인하려고합니다. 있을 경우 해당 버튼의 색상이 변경됩니다. 그러나 데이터 속성을 사용하여 참조하는 데 문제가 있습니다. 여기에 .. 내가 가진 무엇

HTML : TextID 변수입니다

<td> 
    <textarea data-id="<%= textID %>"></textarea> 
</td> 

<td> 
    <input type="button" data-id="<%= textID %>"/> 
</td> 

. 이유는 테이블에 많은 행이 있고 가장 간단한 방법이기 때문에 데이터 ID를 사용하려고합니다.

jQuery를 :이 작동하지 않습니다

var text = $.trim($('textarea[data-id="' + textID + '"')).val(), 
    button = $('input[type=button][data-id="' + textID + '"]'); 

if (text.length !== 0) { 
    $(button).css('background-color','white'); 
    } 

, 내가 잘못을 참조 있어요 직감이 있거나 문제가 구문이있다. 어떤 도움을 주셔서 감사합니다, 감사합니다!

Answer 1

먼저해야 텍스트 영역 선택기의 닫기 대괄호 :

$('textarea[data-id="' + textID + '"]') 
           //^

둘째, 값이 아닌 trim()이라는 jquery 객체를 입력해야합니다.

$.trim($('textarea[data-id="' + textID + '"]') .val()) 
          // move paren ^------^ 

Answer 2

이 jQuery를보십시오 :

var text = $.trim($('textarea[data-id="' + textID + '"]').val()), 
    button = $('input[type=button][data-id="' + textID + '"]'); 

if (text.length !== 0) { 
    $(button).css('background-color','white'); 
} 

Answer 3

var text = $.trim($('textarea[data-id="' + textID + '"')).val(), 
    button = $('input[type=button][data-id="' + textID + '"]'); 

if (text.length !== 0) { 
    $(button).css('background-color','white'); 
    } 

당신은 첫 번째 줄에 오류가, 당신은 폐쇄 누락, 그것은 당신이 놓치고,

var text = $.trim($('textarea[data-id="' + textID + '"]').val())