aggiungere html in base al valore

F

Fabio90

Utente Attivo
29 Feb 2012
507
0
16
Buonasera forum,
dato questo semplice codice
HTML: 
<div class="boxList">
<p>Azienda</p>
</div>

posso dire a jquery: se il campo p all'interno di boxList è azienda aggiungimi azienda.png
per ottenere questo risultato

HTML: 
<div class="boxList">
<p>Azienda</p>
<img src="azienda.png" />
</div>

Grazie a tutti
 
A

anxx

Nuovo Utente
24 Set 2014
5
0
0
Certo che puoi farlo, di seguito tutto il codice già testato:

Codice: 
<html>
<head>
	<title>Javascript example</title>
	<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.js"></script>
</head>
<body>

<div class="boxList">
	<p>Azienda</p>
</div>

<script type="text/javascript">
	var p = $(".boxList").find("p");
	if(p.text() == "Azienda") {
		img = document.createElement("img");
		img.src = "azienda.gng";
		$(".boxList").append(img);
	}
</script>

</body>
</html>
 
F

Fabio90

Utente Attivo
29 Feb 2012
507
0
16
Splendido anxx funziona. Adesso però ho un altro problema.
HTML: 
<!--funziona-->
<div class="boxList">
	<p>Azienda</p>
</div>
<div class="boxList">
	<p>Azienda</p>
</div>

HTML: 
<!--nonfunziona-->
<div class="boxList">
	<p>Azienda</p>
</div>
<div class="boxList">
	<p>Privato</p>
</div>

In sintesi se ho attivi contemporaneamente due testi diversi non visualizzo più il codice..
Come mai?
 
A

anxx

Nuovo Utente
24 Set 2014
5
0
0
Se hai due paragrafi avrai 2 risultati da Jquery, quindi devi iterare:

Codice: 
<html>
<head>
	<title>Javascript example</title>
	<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.js"></script>
</head>
<body>

<div class="boxList">
	<p>Azienda</p>
</div>

<div class="boxList">
	<p>Privato</p>
</div>

<script type="text/javascript">
	var p = $(".boxList").find("p");
	p.each(function() {
		if($(this).text() == "Azienda") {
			img = document.createElement("img");
			img.src = "azienda.png";
			$(this).append(img);
		}
	});
	
</script>

</body>
</html>
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
F [WordPress] [HTML] Aggiungere una pagina solo allo sticky menu WordPress 4
M aggiungere streaming audio a pagina html HTML e CSS 2
Francesco Oliviero Aggiungere comando a pulsante HTML HTML e CSS 1
trattorino [PHP] aggiungere html in un codice PHP 0
R [HTML] Aggiungere una tabella a fianco di altre tabelle... HTML e CSS 6
A aggiungere codice html Javascript 1
L Aggiungere codice html dopo xmlhttprequest Javascript 2
I aggiungere la sessione PHP 8
K [PHP] Aggiungere caratteri ad una stringa in base alla lunghezza della stessa PHP 2
E Aggiungere Parole PHP 1
A aggiungere stringa all'inizio di ogni riga di un file txt PHP 3
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
F Aggiungere automaticamente sito a home del telefono HTML e CSS 2
C Aggiungere blocco dati Javascript 6
F [PHP] Aggiungere ruolo per accedere alle pagine PHP 2
Cosina Aggiungere pulsante pause/play a slideshow Javascript 0
A Twitter aggiungere tweet a campagna esistente o salvare pubblico Social Media Marketing 0
S aggiungere colonna date in una tabella già esistente Database 0
P [PHP] Aggiungere un mio script a prestashop? PHP 10
Shyson [PHP] Aggiungere link al codice PHP 0
D Aggiungere file .css esterno su Android HTML e CSS 4
R [PHP] Aggiungere 90 minuti a stringa orario PHP 1
brasoft2019 [PHP] aggiungere timestamp in tabella correlata PHP 0
P [PHP] Aggiungere giorni e stampare risultato da data inserita in input PHP 3
L [Java] Aggiungere elementi ad array JSON Java 0
C [PHP] Aggiungere pulsante paypal PHP 2
M [javascript] Aggiungere eventi al caricamento Javascript 0
trattorino [PHP] sql aggiungere dato in una tabella senza cancellare contenuto PHP 6
felino [WordPress] [WooCommerce] Ordine: aggiungere nuovi stati con notifica email al cliente WordPress 4
L [Photoshop] Aggiungere file video in timeline Photoshop 1
D [Photoshop] aggiungere piu tracce a immagine Photoshop 4
D Aggiungere slash finale ad URL con .htaccess Web Server 2
G [Javascript] aggiungere sub-namespace Javascript 0
L Aggiungere contenuto con ajax durante lo scroll jQuery 1
felino [WordPress] [Woocommerce] Aggiungere un costo addizionale per prodotto WordPress 0
G [RISOLTO][Javascript] aggiungere elemento ad array definito nella finestra madre da popup Javascript 4
elpirata Aggiungere un disco ssd separato dal raid 1 Hardware 0
S (VENDO) Possiamo aggiungere fino a 20000 Membri nei Gruppi Facebook Italiani Annunci servizi di Social Media Marketing 2
otto9due Aggiungere n. giorni ad una data nel datepiker jQuery 4
F aggiungere codice dopo n elementi jquery jQuery 1
L [Javascript] Aggiungere una riga ad una tabella Javascript 5
asevenx [Javascript] aggiungere righe con select da database e calcolo sconto in automatico Javascript 0
Monital [Javascript] decidere dove aggiungere il campo dinamicamente Javascript 1
asevenx [Javascript] aggiungere dinamicamente un campo di un form Javascript 3
ACarty [Javascript] Aggiungere link alle foto. Javascript 19
matteoraggi Aggiungere filtri a woocommerce WordPress 0
S appinventor, aggiungere tasto registrazione Sviluppo app per Android 1
V Aggiungere un img nel background Sviluppo app per Android 1
felino Capability: aggiungere cap all'editor per admin.php?page WordPress 0
E problema per aggiungere un database mdf da visual studio .NET Framework 9

Discussioni simili

Alto Basso