使用 jQuery 查找元素并在其中附加值

Question

我在<ul>有三个<li> <ul> 。 现在 html 的结构看起来像这样

<ul>
<li>..</li>
<li>..</li>
<li>..</li>
</ul>

在每个 li 这是 html

 <div class="chbs-vehicle-image chbs-vehicle-image-has-gallery" style="opacity: 1;">
    </div>
    <div class="chbs-vehicle-content">                
        <div class="chbs-vehicle-content-header"> 
            <span>Sedan</span>                        
    <a href="#" class="chbs-button chbs-button-style-2">
        Select
        <span class="chbs-meta-icon-tick"></span>
    </a>                       
       </div>                   
    <div class="chbs-vehicle-content-price">€42.00</div>                
    </div>
    </div>

因此，当我单击 chbs-button-style-2 时，我想使用$(this)在 chbs-vehicle-content-price div 中添加变量值。

这是我被卡住的地方

<script type="text/javascript">

jQuery(document).ready(function($){

      $('.chbs-button-style-2').on('click', function() {
       var cust_val=35;
       alert($(this).closest('li').siblings().children().find('.chbs-vehicle-content-price').html(cust_val));
       //Here I am getting Undefined

    });
   });
   
</script>

Answer 1

不知道为什么要进行所有兄弟姐妹和其他检查，只需走到一个共同的父级并找到该元素。

 jQuery(document).ready(function($) { $('.chbs-button-style-2').on('click', function() { var cust_val = 35; $(this).closest('.chbs-vehicle-content').find('.chbs-vehicle-content-price').html(cust_val) }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="chbs-vehicle-image chbs-vehicle-image-has-gallery" style="opacity: 1;"> </div> <div class="chbs-vehicle-content"> <div class="chbs-vehicle-content-header"> <span>Sedan</span> <a href="#" class="chbs-button chbs-button-style-2"> Select <span class="chbs-meta-icon-tick"></span> </a> </div> <div class="chbs-vehicle-content-price">€42.00</div> </div>