ボタンをクリックすると、特定のテキストを取得する方法は？

Question

表示されている特定のテキストを取得して、それをつぶやきたいと思います。その私のコードの下

http://codepen.io/anon/pen/mOeXVM

：それは関数を呼び出した要素だから

function tweet() { 
    var phrase = $(this).text(); 
    alert(phrase); 
// var phrase = document.getElementsByClassName('panel-body')[0]; 

    var tweetUrl = 'https://twitter.com/share?text=' + 
    encodeURIComponent(phrase) ; 

    window.open(tweetUrl); 
} 

Answer 1

VAR phrase= $(this).text()を使用することにより、あなたは、クリックしたボタンの'Text'を得ています。代わりに、現在表示されているパネルのtextを取得する必要があります。次のjQueryを

function tweet() { 
    var newarr = $('.panel-body:visible').text(); 
    alert(newarr); 
    //var phrase = document.getElementsByClassName('panel-body')[0]; 

    var tweetUrl = 'https://twitter.com/share?text=' + 
    encodeURIComponent(newarr) ; 

    window.open(tweetUrl); 
}