如何从 Jquery 中的 PHP 循环中获取 Href 文本答案

【问题标题】：How to get Href Text from PHP loop in Jquery如何从 Jquery 中的 PHP 循环中获取 Href 文本
【发布时间】：2016-04-02 00:24:23
【问题描述】：

我在 php 循环中显示锚标记。现在我正在尝试获取来自 Jquery 中的 PHP 循环的这些锚标记的文本，但我得到了错误的结果。检查下面的屏幕截图...

Anchor Tags

Wrong Result That I am getting

现在，当我点击任何链接，如 婴儿食品 或 婴儿家具 或任何其他链接时，我会得到所有锚标签的文本，而不是特定的锚标签被点击。例如，当我单击 婴儿食品 时，我希望仅显示 婴儿食品 而不是所有锚标记文本。请帮我。下面是我的代码

PHP

<h4>Related Category</h4>

<?php foreach($grouped_with_count as $relatedCat) { ?>

<b> <?php echo $relatedCat['industry']; ?> </b>

<li> <a href="javascript:void(0);" class="GetHref" onclick="RelatedCatLink(); return false;"><?php echo $relatedCat['product_type']; ?> </a> (<?php echo $relatedCat['count'];?>) </li>
<br />
<?php } ?>

jQuery

function RelatedCatLink(){

var href = $('.GetHref').text(); 
console.log(href);

//alert($('.GetHref').attr('href'));

   }

请帮帮我。提前谢谢..

【问题讨论】：

$('.GetHref') 选择器获取类为GetHref 的EVERY 元素。你可以把它改成var href = $(this).text();。
谢谢。它现在正在工作。

标签： javascript php jquery html

【解决方案1】：

代码中的问题

您正在使用class 进行选择。将有多个<a> 具有相同的类。

解决方案

将元素与您的函数调用一起传递

HTML

<a href="javascript:void(0);" class="GetHref" onclick="RelatedCatLink(this); return false;"><?php echo $relatedCat['product_type']; ?> </a> (<?php echo $relatedCat['count'];?>) </li>

function RelatedCatLink(elem){
   var href = $(elem).text(); 
}

工作演示

function RelatedCatLink(elem){
   var href = $(elem).text(); 
   alert(href);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li> <a href="javascript:void(0);" class="GetHref" onclick="RelatedCatLink(this); return false;">1</a> </li>
<li> <a href="javascript:void(0);" class="GetHref" onclick="RelatedCatLink(this); return false;">2</a> </li>
<li> <a href="javascript:void(0);" class="GetHref" onclick="RelatedCatLink(this); return false;">3</a> </li>
<li> <a href="javascript:void(0);" class="GetHref" onclick="RelatedCatLink(this); return false;">4</a> </li>

【讨论】：

@Junaidafzal 总是很高兴来到这里:)

【解决方案2】：

//PHP CODE  

      <h4>Related Category</h4>

        <?php foreach($grouped_with_count as $relatedCat) { ?>

        <b> <?php echo $relatedCat['industry']; ?> </b>

        <li> <a href="javascript:void(0);" class="GetHref" onclick="RelatedCatLink(<?php echo $relatedCat['id']; ?>); return false;" id="GetHref-<?php echo $relatedCat['id']; ?>"><?php echo $relatedCat['product_type']; ?> </a> (<?php echo $relatedCat['count'];?>) </li>
        <br />
        <?php } ?>



//JQUERY CODE    

    function RelatedCatLink(id){

    var href = $('#GetHref-'+id).text(); 
    console.log(href);

       }

【讨论】：