JavaScriptボタンを使用してウェブページのコンテンツをコピーする

Question

私は仕事のために使用するいくつかのコンテンツを含むウェブページを作成しました。これはページの一部のコードです...

<p> 
<b>Windows User Account</b> 
<ul> 
<li>verified user's Windows account</li> 
<li>reset password</li> 
<li>user successfully logged into Windows</li> 
</ul> 
</p> 

私はこのように複数のセクションを持っています。私が望むのは、各セクションのボタンをクリックしてクリックすると、特定のリストの内容をコピーして、自分の発券システムに貼り付けることができるということです。可能であれば、書式を削除することをお勧めします。

Answer 1

一般的に、このようなあいまいな質問にはお答えしていません。あなたが試したことを私たちに示していただきたいと思います。しかし、あなたの評判が非常に低いので、私はあなたに何をすべきかについての高いレベルの考えを与えるでしょう。

<section> 
    <p> 
    <b>Windows User Account</b> 
    <ul class='content'> 
     <li>verified user's Windows account</li> 
     <li>reset password</li> 
     <li>user successfully logged into Windows</li> 
    </ul> 
    </p> 
    <button class='get-content'> 
    get content 
    </button> 
</section> 

とjQueryであなたが次の操作を行うことができます：

$(function() { 
    $('.get-content').on('click', function() { 
    $(this).parent().children('ul.content'); 
    //'this' is the button 
    //.parent() gets the <section> tag that wraps everything 
    //.children('ul.content') will find the <ul> tag 
    //which has a class of 'content' from the <section> tag 
    //I gave it a class because you can have multiple <ul> tags 
    }); 
}); 

これはハイレベルであるが

はこれを行うにはカップルの方法があり、一つは次のHTML構造を作成することです何をすべきかのアイデア。 <section>要素が同じように構造化されている場合、jQueryの.click関数では、独自のボタンがある場合は、各セクションの<ul>タグが表示されます。

あなたが入手したいデータは、あなた次第です。基本的なプログラミングロジックです。

あなたがそれらを介して<ul>とループに<li>のリストを取得し、あなたに各<li>内のテキストを取得します.text()を使用して、あなたがそれ