如何使用JQuery查找最接近的輸入？

你好，這是我的html代碼：如何使用JQuery查找最接近的輸入？

<div class="transe_row"> 
    <div class="litransa1" style="cursor:pointer;">Servicii programare Transa 1</div> 
    <div class="litransa suma" style="cursor:pointer;"> Adauga Suma</div> 
    <input type ="text" placeholder ="adauga suma transa" style ="display:none;"> 
</div>

，這是我的js：

<script type="text/javascript"> 
    $(document).ready(function(){ 
      $(".litransa.suma").click(function() { 
       $('.litransa.suma').find(closest('input')).css("display","inline"); 
     }); 
    }); 
</script>

我只是想通過點擊.listransa.suma類來改變從輸入的CSS。爲什麼我的代碼不工作THX

來源

2014-03-04 Chester

您需要使用.siblings()尋找兄弟元素：

$(document).ready(function() { 
    $(".litransa.suma").click(function() { 
    $(this).siblings('input').css("display","inline") 
    }); 
});

來源

2014-03-04 14:16:17

兄弟姐妹之間有什麼不同接下來呢？ – Chester

如果元素緊接在當前元素之後，則下一個元素將工作。在兄弟姐妹的情況下，它可以獲得匹配元素集中每個元素的同胞，可以通過選擇器進行過濾。如果是兄弟姐妹，它可能會出現在上一個或下一個位置。 –

.next()和this keyword

$(document).ready(function() { 
    $(".litransa.suma").click(function() { 
     $(this).next('input').css("display", "inline");//or $(this).next('input').show(); 
    }); 
});

this指當前元素點擊

來源

2014-03-04 14:17:01

如何使用JQuery查找最接近的輸入？

回答

相關問題