は、どのように私はPHPのループでアンカータグを表示していますjqueryの

Question

でPHPのループからHrefのテキストを取得します。今私は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 } ?> 

は私を助けてください

function RelatedCatLink(){ 

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

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

    } 

のjQueryです。事前に感謝..あなたが選択のためのclassを使用しているあなたのコード内で

Answer 1

問題

。同じクラスの複数の<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); 

     }