Менеджер тегов Google получит ближайший текст

Question

Я хочу использовать пользовательскую переменную js, чтобы получить название карты и текст ссылки на название магазина = название продукта = "x".

1. Нажав на класс щелчка fa-cart-plus, вы получите ярлык продукта x;

2. Нажмите на изображение, чтобы получить этикетку продукта x

Я пробовал это js ниже, но в результате он получает [объект] [объект].

function() {
  var el = {{Click Element}};
  return $(el).closest('card-title').text('a.shop-item-title-link');
}

HTML

<div class="card card-product">     
    <div class="card-image">
        <a href="#" title="product x">
            <img width="230" height="230" src="#" class="attachment-_thumbnail" alt="product x">    
        </a>
        <div class="ripple-container"></div>
    </div>
    <div class="content">
        <h6 class="category"><a href="#">Items</a></h6>     
        <h4 class="card-title">
        <a class="shop-item-title-link" href="#" title="product x">product x</a>
        </h4>
        <div class="card-description">
            <p><span>product descirption</span></p>
        </div>
        <div class="footer">
            <div class="price">
                <h4><span class="Price"><span class="Price-currencySymbol">£</span>45.00</span></h4>
            </div>          
        <div class="stats">
            <a rel="nofollow" href="#" title="Add to cart">
                <i rel="tooltip" data-original-title="Add to cart" class="fa fa-cart-plus"></i>
            </a>            
        </div>
    </div>
</div>
</div>

Answer 1

Это очень конкретная цель, которую вы хотите сделать, это использовать parent и sibling вместе.

Попробуйте что-то вроде этого:

return $(el).parents().siblings('.card-title').text();