Question

这是我的HTML代码：

<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

Answer 1

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

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

Answer 2

.next()和this keyword

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

this引用当前点击的元素

如何使用JQuery找到最接近的输入？

2 个答案: