2009-05-17 5 views
0

jQuery 선택기 메서드 내에서 비교 명령문을 사용할 수 있습니까?
예 :
나는 PHP에서 생성 된 div 목록을 모두 같은 CSS 클래스를 사용하지만 1, 2, 3 등의 값 속성을 가지고 있습니다. 또한 id가있는 텍스트 입력 필드가 있습니다. 이 필드는 숫자 만 허용 할 수 있습니다. 텍스트 입력 상자에 넣은 값과 일치하는 값 특성을 가진 div (긴 목록에서)를 선택하고 싶습니다.
나는 이런 식으로 뭔가 쓸 수 : ('.. $ (". someClass") 발() == $ ("입력 #의 someId") 발()')
$를jQuery 고급 선택기

???

+0

attributeEquals가 어떻게 DIV가 값 속성을 가질 수있다? – duckyflip

+0

모든 요소는 모든 특성을 가질 수 있습니다. HTML 유효성 검사는 유효하지 않지만 –

답변

7
$('.someClass').filter(function() { 
    return $(this).attr('value') == $('input#someId').val() ; 
}) 
6

CSS3 선택기 페이지 : http://www.w3.org/TR/css3-selectors/을 살펴보십시오.

'.class [value = "+ $ ('inputId '). val() +'"] '와 같은 추천 선택자 E [foo = "bar"].

참고 : 테스트하지 않았습니다.

2

그냥 표준 JQuery와 선택기입니다 :

<html> 
<head> 
    <title>Just a test</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
     $('#txtValue').change(function(){ 
      $('.selectMe').css('color', 'black'); 
      $('.selectMe[value= '+$(this).val()+']').css('color', 'red'); 
     });  
    }); 
    </script> 
</head> 
<body> 
    <input type="text" id="txtValue" value=""/> 
    <div class="selectMe" value="1">one</div> 
    <div class="selectMe" value="2">two</div> 
    <div class="selectMe" value="3">three</div> 
</body> 
</html>