ブレークダウンリンクをクリックして2番目のスパン値を取得する方法はありますか？

Question

<div class="priceStruct" id="priceStruct"> 
    <h3>Pallet Cost Structure</h3> 

       <?php $i=1; 
       foreach($price_structure as $price_structure_list) { 
        $palletDetails = $price_structure_list['min']." - ".$price_structure_list['max']; 
       ?> 
       <div class="display_content" id="price<?php echo $i; ?>"> 
       <span class="first price" id="first<?php echo $i; ?>" ><?php echo $palletDetails." Pallets";?></span> 
       <span class="second price" id="second<?php echo $i; ?>">£<?php echo $price_structure_list['price'];?></span> 
       <span class="third price"><a href="#" class="breakDown" >Click Here for Break Down</a></span> 
       </div> 

       <?php $i++; } ?> 
      </div> 

Answer 1

これを試してください。 Classは、second priceの代わりにsecond_priceにする必要があります。 いけないjQueryライブラリに含めることを忘れ

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

$(function(){ 
    $(".breakDown").click(function(){   
      spanValue = $('.second_price').text(); 
      alert(spanValue);// just to check  

    }); 
}); 

Answer 2

解決方法1：

は、あなたのaタグにこれを追加：だからそれがもたらすと

onclick="alert($('#second<?php echo $i; ?>').text());" 

中：

<a href="#" class="breakDown" onclick="alert($('#second<?php echo $i; ?>').text());">Click Here for Break Down</a> 

解決策2：溶液2の欠点は、ときに、HTMLの構造に問題が発生して実行されますということです

$(document).ready(function() { 
    $('.breakDown').click(function() { 
     alert($(this).parent().siblings('.second').text()); 
    }); 
}); 

：

また、正しいspanタグを見つけるために、jQueryのparentとsiblingsを使用することができますコードが変更されました（aタグはもはやspanなどの子ではありません）