Jquery получить значение из текста

Question

<td class="left"> 
     <span class="copyTarget"><?php echo $coupon['code']; ?></span> 
     <a class="copyButton">[Copy code]</a> 
    </td> 

Вот результат:

Javascript код

$('.copyButton').click(function() { 
    var a = $('.copyTarget').text(); 
    alert(a); 
}); 

Вывод результатов при нажмите кнопку:

Вопрос: Когда я нажму кнопку, он вернет все значение из кода, например, есть 4 значения, которое равно promo10,yesss,promo111,zz12. Но я хочу, когда я нажимаю кнопку кода копирования, а затем копирую только один код, который я хочу. Как я могу сделать это T.T ???

Answer 1

Вы можете использовать .closest() или .siblings() или .prev() для целевых связанной .copyTarget продолжительности:

$(this).closest('td').find('.copyTarget').text(); 
//or 
$(this).siblings('.copyTarget').text(); 
//or 
$(this).prev('.copyTarget').text(); 

Надеется, что это помогает.

$('.copyButton').click(function() { 
 
    console.log($(this).siblings('.copyTarget').text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td class="left"> 
 
     <span class="copyTarget">Code 1</span> 
 
     <a class="copyButton">[Copy code]</a> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td class="left"> 
 
     <span class="copyTarget">Code 2</span> 
 
     <a class="copyButton">[Copy code]</a> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td class="left"> 
 
     <span class="copyTarget">Code 3</span> 
 
     <a class="copyButton">[Copy code]</a> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 2

Вы можете использовать siblings, чтобы получить элемент, который содержит код.

$(".copyButton").on("click", function(e){ 
    var text = $(this).siblings(".copyTarget").text(); 
    alert(text); 
}); 

Answer 3

В вашем случае клик использовать parents:

$(this).parents("td").find("span").text();