J'ai créé la balise SVG avec deux éléments de texte.Comment-je écrire jQuery afin d'échanger le contenu des éléments avec ID TXT1 et ID TXT2?
<svg id = "svg_box"> <text id = "txt1">hello</text> <text id = "txt2">hi</text> </svg>
3 Réponses :
Tout comme ça.
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <text id = "txt1">hello</text> <text id = "txt2">hi</text>
Vous pouvez l'utiliser pour échanger le contenu.
function swap_content(){
var txt1 = $('#txt1').html();
var txt2 = $('#txt2').html();
$('#txt1').html(txt2);
$('#txt2').html(txt1);
}
Copier le contenu de item-1 em> dans une variable temporaire. Déplacez le contenu de item-2 em> to item-1 em>. Copier le contenu de la variable temporaire à item-2 em>. p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<svg id="svg_box" viewBox="0 0 120 80" xmlns="http://www.w3.org/2000/svg">
<style>
svg { background-color: #eee; }
.text { font: bold 20px sans-serif; }
.upper { fill: darkorange; }
.lower { fill: darkgreen; }
</style>
<text x="10" y="30" id="txt1" class="text upper">#1 hello</text>
<text x="10" y="60" id="txt2" class="text lower">#2 hi there</text>
</svg>
Veuillez poster un exemple de la sortie souhaitée avec ce que vous avez essayé jusqu'à présent.
Ne serait-il pas plus facile de simplement échanger la position des deux éléments?