Печатать значение элемента массива, содержащего определенный номер в подстроке

Question

Я пытался в течение нескольких дней понять это и вам нужна помощь.

На моем сайте у каждой корзины покупок есть разные элементы, но если в корзине есть определенный товар, я хочу, чтобы кнопка «Удалить элемент» была скопирована в дополнительное место.

<!-- Here's how Business Catalyst outputs the buttons -->  
<div class="cart-item product-remove" style="border:solid 1px black;" > 
    <div class="productitemcell"><a href="#" onclick="UpdateItemQuantity(0,324897,282161,9383682,336573,'','US');return false;">Remove Item</a></div> 
    <div class="productitemcell"><a href="#" onclick="UpdateItemQuantity(0,324897,282161,9383705,336574,'','US');return false;">Remove Item</a></div> 
    <!--the div below contains the button (anchor tag) I want to copy (It will move around the .product-remove div)--> 
    <div class="productitemcell"><a href="#" onclick="UpdateItemQuantity(0,324897,282161,9383678,336585,'','US');return false;">Remove Item</a></div> 
</div>  

<div id="sendLinkHere" style="border: 1px solid blue; width: 100%; height:50px;"> 
    <!-- I want the a tag containing "9383678" copied here --> 
</div>  

Вот javascript, который у меня есть. Я знаю, что это не так много, но это все, что у меня есть.

var divsOfA = document.getElementsByClassName("productitemcell"); 

console.log($.inArray("9383678",divsOfA)); 

Answer 1

Вот один из способов сделать это. Не лучший вариант, я уверен.

var divsOfA = $(".productitemcell a"); 
 

 
$.each(divsOfA, function (i, obj) { 
 

 
    var onclickVal = $(obj).attr('onclick'); 
 
    
 
    if (onclickVal.indexOf('9383678') > 0) { 
 
    
 
    var $parentCellClone = $(this).parent().clone(); 
 
    
 
    $('#sendLinkHere').append($parentCellClone); 
 
    } 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="cart-item product-remove" style="border:solid 1px black;" > 
 
    <div class="productitemcell"><a href="#" onclick="UpdateItemQuantity(0,324897,282161,9383682,336573,'','US');return false;">Remove Item</a></div> 
 
    <div class="productitemcell"><a href="#" onclick="UpdateItemQuantity(0,324897,282161,9383705,336574,'','US');return false;">Remove Item</a></div> 
 
    <!--the div below contains the button (anchor tag) I want to copy (It will move around the .product-remove div)--> 
 
    <div class="productitemcell"><a href="#" onclick="UpdateItemQuantity(0,324897,282161,9383678,336585,'','US');return false;">Remove Item</a></div> 
 
</div>  
 

 
<div id="sendLinkHere" style="border: 1px solid blue; width: 100%; height:50px;"> 
 
    <!-- I want the a tag containing "9383678" copied here --> 
 
</div>

Answer 2

$(function() { 
    copy(9383678); 
}) 

function copy(num) 
{ 
    $('.productitemcell').each(function(){ 
     var $a=$(this).find('a'); 
     var str=$a.attr('onclick'); 
     if(str.indexOf(num)>-1) 
     { 
      $('#sendLinkHere').append($a) 
     } 

    }) 
}