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

Question

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

锚标签

我得到的错误结果

现在，当我单击任何链接（如婴儿食品或婴儿家具）或任何其他链接时，我将获得所有锚定标签的文本，而不是单击的特定锚定标签。 例如，当我单击“ 婴儿食品”时，我希望只显示“ 婴儿食品” ，而不显示所有“锚标签”文本。 请帮我。 下面是我的代码

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'));

   }

请帮帮我。 提前致谢..

Answer 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>

JS

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> 

Answer 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);

       }