Диспетчер тегов google ближе всего к тексту

Я хочу использовать пользовательскую переменную js, чтобы получить текст карты-заголовка, а также текст ссылки-заголовка-товара для события label = "product 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>
1
0
1 018
1

Ответы 1

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

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

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

Другие вопросы по теме