[jQuery] Zoeken naar bepaalde waardes

[WoBBeL]

Ben op dit moment lekker bezig met jQuery en het lukt mij om naar text te zoeken en deze te vervangen, maar is dit ook mogelijk met een regex?

Ik wil namelijk [attach=9] vervangen door een ajax request naar attachment.php?id=9 en daarvan de content weergeven. Alle replace/find functies die ik tot nu heb gevonden werken alleen dmv hele teksten/strings.

Iemand hier ervaring mee?

[orf]

Je kunt iets met match();

Bijvoorbeeld zoiets:

JavaScript:

var d = document.body.innerHTML;
var a = d.match(/\[attach=([0-9]+)\]/g);
console.log(a);

Dit kun je in de console (Firefox, Chrome, e.d.) runnen op deze pagina. Je ziet dan vanzelf je [attach=9]

[ Voor 3% gewijzigd door orf op 10-10-2011 22:30 ]

[Verwijderd]

Het zou toch zo moeten zijn dat als je replace met een regex op je object uitvoert, dat dat zou moeten werken.

Dus:

JavaScript:

var x = document.body.innerHTML;
x.replace(/regexstring/, getAttachment());  

[ Voor 40% gewijzigd door Verwijderd op 10-10-2011 22:37 ]

[Gtoniser]

Als het mogelijk is zou ik zelf er divjes van maken, dus bv <div class="attach" rel="9"></div>
Dan kun je met jQuery simpel

code:

$('.attach').each(function(){
    $(this).load('attachment.php?id='+$(this).attr('rel'));
});

[mindcrash]

Gtoniser schreef op maandag 10 oktober 2011 @ 22:35:
Als het mogelijk is zou ik zelf er divjes van maken, dus bv <div class="attach" rel="9"></div>
Dan kun je met jQuery simpel

code:

$('.attach').each(function(){
    $(this).load('attachment.php?id='+$(this).attr('rel'));
});

Of op de Html5 manier (zoals het tegenwoordig 'hoort'):

HTML:

<div class="attach" data-attachment-id="9"></div>

JavaScript:

$(".attach").each(function(){
 $(this).load("attachment.php?id=" + $(this).data("attachmentId"));
});

Zie ook: http://api.jquery.com/data/

[WoBBeL]

Normaal gesproken zou ik een systeem als dit niet gebruikeb, het gaat alleen om een F.A.Q. voor een intranet waar mensen bijlagen kunnen toevoegen aan hun tekst d.m.v. [attach=id].

Het is voor een gewone gebruiker helaas nog echt te moeilijk om <div class="attach" data-attachment-id="9"></div> te gebruiken.

[OkkE]

Waarom moet het via Javascript worden gedaan? Kan je die [attach=#] niet door een server-side taal laten omzetten naar de juiste link, wanneer de gebruiker de tekst opslaat?