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：

您还可以使用jQuery的parent和siblings来查找正确的span标记：

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

解决方案2的缺点是，当您的HTML代码结构发生变化时，您会遇到问题（a标记不再是span的子代等。）

如何通过点击分解链接获得第二个跨度值？

2 个答案: