如何获取标题的动态值

Question

我有一个代码，其中按钮和标题位于同一个 div 容器中，如下所示：

<div class="cmpl-teaserd__content">
        <div class="cmpl-teaserd__pretitle">Featured Sample Title</div>        
    <div class="cmpl-teaserd__title wow animated" style="visibility: visible;">
        <h2><b>Borcher</b> <span style="font-weight: normal;">Collection</span></h2>
    </div>      
    <div class="cmpl-teaserd__description">
        <p>Sample text Sample text Sample text Sample text</p>
    </div>        
    <div class="cmpl-teaserd__action-container">        
    <a class="cmpl-teaserd__action-link" href="#.html" target="_self" title="">View Collection</a>
 </div>

我正在使用这样的代码：

$(document).on("click","a.cmpl-teaserd__action-link",function(){
    console.log("Title:" + $(this).text() + " Link Clicked");
  
});

要求： 一旦链接(a.cmpl-teaserd__action-link)被点击，我想获得容器的Title1(div.cmpl-teaserd__pretitle)和Title2(div.cmpl-teaserd__title wow animated)。

请提供您的反馈以获得价值

Answer 1

您可以遍历所选 div 内的所有 div，然后维护一个计数器以仅打印您要打印的 div。它可以更好地实施。 这可能会有所帮助。

    $(document).on("click","a.cmpl-teaserd__action-link",function(){
        var count = 1;
        $('div.cmpl-teaserd__content div').each (function (count) {
            count++;
            if(count<3){
                console.log("Title"+count +" "+  $(this).attr('class'));
            }
        });
  
   });