2017-08-03 3 views
1

pourriez-vous s'il vous plaît aider avec celui-ci? J'ai une page avec un texte qui contient des adresses IP, quelque chose comme:JS: injecter un bouton à côté de l'adresse IP

this is example of the text with occasional IP 8.8.8.8 and 1.1.1.1 and 123.123.123.123 so on 

je dois pouvoir injecter un bouton juste à côté de cette adresse comme

8.8.8.8 [BOUTON]

Comme je vois les étapes: 1. Trouver l'IP dans le texte (peut le faire) 2. Insérez d'une manière ou d'une autre le bouton (c'est ce que je ne peux pas réaliser depuis l'utilisation de document.getElementById ('')) mais il n'y a pas ID alors que puis-je faire s'il vous plaît?

+0

Alors, vous connaissez les étapes à suivre, mais où sont vos tentatives? Vous dites que vous pouvez trouver l'IP dans le texte ... bien où est le code source pour cela? Veuillez mettre à jour votre question avec le code source correspondant. Je vous remercie. – NewToJS

Répondre

2

Essayez d'envelopper le 8.8.8.8 dans une plage qui peut vous donner un identifiant, puis utilisez l'ajout de JS ou une méthode similaire pour injecter un bouton.

Vous aimez cette

c'est par exemple du texte avec IP occasionnelle <span id="ipaddr">8.8.8.8</span> et ainsi de suite.

+0

Mais je dois multiplier les adresses à cette page et en quelque sorte besoin d'un bouton à côté de chacun d'eux ... –

+0

@JessicaRay, c'est ce que JS est pour. –

+0

@AjayGupta c'est une bonne suggestion mais c'est tout ... ça ne résout vraiment rien mais puisque l'OP ne partage aucun code source existant/pertinent je pense que ça va être le seul type de réponse qui sera être donné. – NewToJS

0
var str="foo8.8.8.8" 
var ips=str.match(/\d{1,}.\d{1,}.\d{1,}.\d{1,}/g); 
var newips=new Array(); 
for(i=0;i<ips.length;i++){ 
newips[i]=ips[i]+"[button]"; 
var str=str.replace(ips[i],newips[i]); 
} 
+0

J'ai créé un violon avec le code ci-dessus et fait quelques changements. Cela fonctionne bien, cependant, il y a un problème. Vérifiez-le avec la console du navigateur: https://jsfiddle.net/x1t6eza7/1/ –