使用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

通常，我們不會在這裏回答這些模糊的問題，您應該向我們展示您嘗試的內容，並幫助您找到解決問題的方法。然而，由於你的聲譽很低，我會給你一個高層次的想法。

有幾個方法可以做到這一點，一個是創建以下HTML結構：

<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 
    }); 
}); 

這是一個高級別做什麼的想法。如果您有多個以相同方式構建的<section>元素，則jQuery .click函數會爲您提供每個節的<ul>標記（如果它具有其自己的按鈕）。

至於你想得到的數據，這取決於你，是基本的編程邏輯。

您可以在<ul>和循環通過他們獲得<li>的列表，並使用.text()這將讓你每個<li>內的文本，你可以將其添加到一個數組或其他任何你想用它做