DOM导航 - 以前的兄弟姐妹未定义

Question

我试图通过点击“分享按钮”按钮，从<p>获取元素值“等等等等”。内容是动态创建的，因此需要来自按钮元素。

<div class="cd-timeline-content">
    <h2 id="title">title</h2>
    <p>blah blah blah</p>
    <a class="cd-read-more">Read more</a>
    <button id="share_button" type="button" class="share btn btn-default"></button>
     <span class="cd-date"></span>  
</div> 

我已经尝试了以下但它似乎没有用。

var btn = $('#share_button')
var caption = btn.previousElementSibling.previousElementSibling.innerHTML;

Answer 1

如果<p>内只有一个<div class="cd-timeline-content">元素，我建议：

btn.closest('.cd-timeline-content').find('p').html();