aggiungere html in base al valore

Fabio90 · 19 Set 2014

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

anxx · 24 Set 2014

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>

Fabio90 · 28 Set 2014

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?

anxx · 29 Set 2014

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>

Cerca

Cerca

aggiungere html in base al valore

Fabio90

Utente Attivo

anxx

Nuovo Utente

Fabio90

Utente Attivo

anxx

Nuovo Utente

Discussioni simili