J'ai une balise p qui a beaucoup de balises d'ancrage et du texte. Je veux remplacer chacun des tags d'ancrage par son href respecté.remplacer le lien avec son href en utilisant jquery
Répondre
J'interprète votre question que vous voulez remplacer la balise entière , non seulement le texte contenu, comme suit: http://jsfiddle.net/xXmWj/1/
Vous êtes la recherche .replaceWith()
:
$('p a').replaceWith(function() {
return $(this).attr('href');
});
@Fixix, je tapais cette réponse! Vous êtes un démon de la vitesse. –
Nettement plus propre que ma réponse. +1 –
+1 pour plus de simplicité – xPheRe
Essayez ceci:
$('p').find('a').each(function()
{
var $this = $(this);
$this.html($this.attr('href'));
});
Plutôt que d'utiliser find, pourquoi ne pas laisser Sizzle faire ce qu'il fait de mieux et utiliser '$ ('p a')' – Phil
@Phil: parce qu'ils sont sémantiquement équivalents, mais '.find()' est plus rapide. –
@Phil: '$ (" p a ")' est très bien traduit en '$ (" p "). Find (" a ")'. Voir http://stackoverflow.com/questions/3177763/what-is-the-fastest-method-for-selecting-descendant-elements-in-jquery – Marko
solution CSS3 sans utiliser jQuery:
<style type="text/css">
a > span { display: none; }
a:after { content: attr(href); }
</style>
<a href="http://www.test.com"><span>Test</span></a>
gracieusement pour les navigateurs avilit non CSS3.
N'apparaît pas comme si le pseudo-sélecteur ': after' était supporté avant IE9. http://www.quirksmode.org/css/contents.html#t15 – user113716
assez similaire, je sais ...
$("a").each(function(){
$(this).text($(this).attr('href'));
});
- 1. Remplacer un lien avec son texte avec jQuery
- 2. jQuery affecter un lien href à son élément parent
- 3. en utilisant href dans le script jquery
- 4. jQuery - Remplacer le contenu de href = "" par '#'
- 5. Remplacer URL avec un lien en utilisant regex en python
- 6. Faire un lien d'image avec le même href en utilisant jQuery
- 7. Remplacer l'emplacement du lien (jQuery)
- 8. Jquery href avec hash
- 9. Problème étrange avec le lien simple HREF
- 10. Remplacer l'attribut rel avec href en utilisant jQuery - préserver la valeur
- 11. Href lien avec l'événement OnClick
- 12. Remplacer le texte en utilisant jquery
- 13. lancer le lien href pour le téléchargement et l'événement .click avec $ .post() avec jquery
- 14. jquery. si un lien contient «texte» dans le href. masquer le lien
- 15. lien avec href = page défile "n" en haut lorsqu'il est utilisé avec jquery slideToggle
- 16. jQuery: Recherche d'un lien HREF particulier
- 17. jquery ::: remplacer le texte du lien hypertexte?
- 18. Obtenez le lien planant en utilisant jQuery
- 19. changer href d'un lien css via jquery
- 20. Mettre à jour le bouton Href du lien via Jquery
- 21. Comment faire un titre de lien identique à son URL en utilisant jQuery?
- 22. Modifier le nom du lien HREF
- 23. en utilisant "?" en SVG href
- 24. fixer le lien de l'article dans href
- 25. Remplacer l'emplacement des liens (href = '...')
- 26. Remplacer la correspondance actuelle par son propre texte dans jQuery
- 27. Ajout d'un lien avec href existant
- 28. href lien à # question
- 29. lien Href avec la valeur php
- 30. Comment remplacer une partie de l'attribut href d'un lien par une valeur de variable?
pourrait vous étoffer votre question un peu? Un exemple d'entrée et de sortie attendue aiderait beaucoup. –
@Mat - Ce qui suit est ce que la question décrit: Entrée '
yada yada
' ------ Sortie 'blah
'. –