2016-07-31 17 views
-1

Ich habe eine Webseite mit einigen Inhalten erstellt, die ich für die Arbeit verwende. Dies ist Code von einem Teil der Seite ...Kopieren Sie den Inhalt der Webseite mit der JavaScript-Taste

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

Ich habe mehrere Abschnitte wie diese. Was ich möchte, ist eine Schaltfläche für jeden Abschnitt, die beim Anklicken den Inhalt der spezifischen Liste kopiert, so dass ich sie in mein Ticketing-System einfügen kann. Ich möchte dafür, wenn möglich, Formatierungen entfernen.

Antwort

0

Im Allgemeinen beantworten wir solche vagen Fragen hier nicht, Sie sollen uns zeigen, was Sie probiert haben und wir helfen Ihnen, sich mit dem zu identifizieren, womit Sie ein Problem haben. Da Sie jedoch einen sehr schlechten Ruf haben, gebe ich Ihnen eine gute Vorstellung davon, was zu tun ist.

Es gibt ein paar Möglichkeiten, dies zu tun, ist eine der folgende HTML-Struktur zu erstellen:

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

und in jQuery können Sie folgendes tun:

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

ist dies ein hohes Maß Idee, was zu tun ist. Wenn Sie mehrere <section> Elemente haben, die alle auf die gleiche Weise strukturiert sind, erhalten Sie mit der jQuery .click-Funktion den Tag <ul> für jeden Abschnitt, wenn er über eine eigene Schaltfläche verfügt.

soweit was Daten Sie bekommen wollen, das liegt an Ihnen und ist grundlegende Programmierlogik.

Sie können eine Liste der <li> im <ul> und Schleife durch sie bekommen und .text() verwenden, die Sie den Text in jedem <li> erhalten und Sie können es zu einem Array hinzuzufügen, oder was auch immer Sie wollen mit ihm zu tun

+0

Ich denke, das ist ein wenig mehr als ich erwartet habe. Ich bin mir nicht sicher, wo ich anfangen soll. Ich dachte, das wären nur ein paar einfache Codezeilen. Trotzdem danke. – nicholasgraffagnino

Verwandte Themen