Einfügen von hyperlinks Mit CSS

hier ist ein jQuery Lösung, die auf Ihre spezielle HTML-gepostet:

$('.case').each(function() {
  var link = $(this).html();
  $(this).contents().wrap('<a href="example.com/script.php?id='+link+'"></a>');
});

im Grunde über jeden .Fall element, schnappen Sie den Inhalt des Elements, und werfen Sie in einen link um ihn herum gewickelt.

Ich glaube nicht, es ist möglich mit CSS. CSS ist eigentlich nur Einfluss auf das Aussehen und layout Ihrer Inhalte.

Scheint dies wie ein job für ein PHP-script (oder irgendeiner anderen Sprache). Sie geben nicht genug Informationen für mich zu wissen, der beste Weg, es zu tun, aber vielleicht so etwas wie dieses:

function case_link($id) {
    return '<a href="http://bugs.example.com/fogbuz/default.php?' . $id . '">' . $id . '</a>';
}

Dann später im Dokument:

<table><tr><td class="case"><?php echo case_link('123456'); ?></td></tr></table>

Und wenn Sie wollen, ein .html-Datei, führen Sie einfach das Skript von der Kommandozeile aus und leite die Ausgabe in eine .html-Datei.

Ich weiß, das ist eine alte Frage, aber ich stolperte über diesen Beitrag auf der Suche nach einer Lösung für die Erstellung von hyperlinks mit CSS und endete damit, meine eigenen, die von Interesse sein könnten für jemanden stolpern über diese Frage, wie ich es Tat:

Hier ist eine php-Funktion namens " linker ();', die es ermöglicht, eine gefälschte CSS-Attribut

Verbindung möglich: 'url.com';

für eine #id Element definiert.
lass mal den php-Aufruf diese auf jedes Element der HTML, die du als link-würdig.
die Eingänge sind .css-Datei als string mit:

$style_cont = file_get_contents($style_path);

und die #id des entsprechenden items. Hier der ganze Text:

    function linker($style_cont, $id_html){

    if (strpos($style_cont,'connect:') !== false) {

        $url;
        $id_final;
        $id_outer = '#'.$id_html;
        $id_loc = strpos($style_cont,$id_outer);    

        $connect_loc = strpos($style_cont,'connect:', $id_loc);

        $next_single_quote = stripos($style_cont,"'", $connect_loc);
        $next_double_quote = stripos($style_cont,'"', $connect_loc);

        if($connect_loc < $next_single_quote)
        {   
            $link_start = $next_single_quote +1;
            $last_single_quote = stripos($style_cont, "'", $link_start);
            $link_end = $last_single_quote;
            $link_size = $link_end - $link_start;
            $url = substr($style_cont, $link_start, $link_size);
        }
        else
        {
            $link_start = $next_double_quote +1;
            $last_double_quote = stripos($style_cont, '"', $link_start);
            $link_end = $last_double_quote;
            $link_size = $link_end - $link_start;
            $url = substr($style_cont, $link_start, $link_size);    //link!
        }

        $connect_loc_rev = (strlen($style_cont) - $connect_loc) * -1;
        $id_start = strrpos($style_cont, '#', $connect_loc_rev);
        $id_end = strpos($style_cont,'{', $id_start);
        $id_size = $id_end - $id_start;
        $id_raw = substr($style_cont, $id_start, $id_size);
        $id_clean = rtrim($id_raw);                             //id!

        if (strpos($url,'http://') !== false) 
        {
            $url_clean = $url;
        }
        else
        {
            $url_clean = 'http://'.$url;
        };

        if($id_clean[0] == '#')
        {
            $id_final = $id_clean;

            if($id_outer == $id_final)
            {
                echo '<a href="';
                echo $url_clean;
                echo '" target="_blank">';
            };
        };
    };
};

dies könnte wahrscheinlich verbessert/verkürzt Sie die Befehle verwenden möchten .wrap() oder getelementbyID()
weil es erzeugt nur den <a href='blah'> Teil, aber da </a> verschwindet sowieso ohne eine öffnungsklausel, die es immer noch funktioniert, wenn Sie fügen Sie Sie einfach überall 😀