Ich versuche, die Ausgabe einer jQuery-Funktion zu trimmen

Question

Ich modifiziere ein Skript von Drittanbietern, so dass ich die Ausgabe stylen kann. Hier

ist ein Segment des ursprünglichen Codes:

var tip_content = $('<div>').addClass('tip_content').load(url, function() { 

Welche diese Ausgabe erzeugt:

<div class="tip_content"> 

Ich brauche eine andere Klasse mit dem Ausgang hinzufügen, um es anders auf jeder Seite, um Stil. Daher scheint es eine gute Lösung zu sein, den aktuellen HTML-Seitendateinamen als Klasse hinzuzufügen.

Aber ich habe keine Erfahrung mit JS. Hier

ist, was ich habe zusammen mangle verwaltet:

var tip_content = $('<div>').addClass('tip_content '+elem.attr('href')).load(url, function() { 

Welche dies erzeugt:

<div class="tip_content tickets.php?id=185"> 

Diese fast genau das, was ich brauche. Aber ich wäre sehr dankbar, wenn jemand könnte zeigen, wie die Ausgabe zu trimmen:

<div class="tip_content tickets">  

Answer 1

Sie haben die URL mit . aufzuspalten und nimmt den ersten Wert aus dem splited Array und fügen Sie es den div als zweites Klasse.

Machen Sie es wie folgt: -

var tip_content = $('<div>').addClass('tip_content '+elem.attr('href').split('.')[0]).load(url, function() { 

Eine hartcodierte Beispiel: -

var hrefs = "tickets.php?id=185"; 
 
$('div').addClass('tip_content '+hrefs.split('.')[0]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div>Inspect and check my class</div>

Answer 2

Versuch unter Code

s = elem.attr('href'); 
s = s.substring(0, s.indexOf('.')); 
var tip_content = $('<div>').addClass('tip_content '+ s).load(url, function() { 

Answer 3

Ich möchte eine Änderung hinzufügen, um sicher zu sein. Angenommen, Ihre URL lautet: tickets.sold.php und Sie möchten tickets.sold. In diesem Fall sollten Sie Folgendes versuchen: