9
votes

Faire partie d'une chaîne en utilisant jQuery

Code HTML:

<div id="block-id-45"></div>


4 commentaires

Vous savez déjà 45, quel est le modèle que vous recherchez? .. JQuery peut vous aider à obtenir l'élément div, si vous connaissez le nom (ou une partie du nom), si vous souhaitez déchiffrer la chaîne, puis utilisez le Langue pour Split / Regex, etc.


@Quintin - Je suppose que le motif est le début de l'ID ... quelque chose comme block-id - .


Il ne cherchait pas de motif, voulait juste faire partie de ce modèle et répondre avec des ratios de haut en haut ne répond pas à cela. Il demande juste "comment je peux obtenir le numéro" 45 "de chaîne"


Étant donné que votre identifiant ressemble à Block-ID-45, $ (ceci) .attr ("ID"). Split ("-") [2] retournera le numéro 45 lorsque $ (Ceci) renvoie votre élément diviser.


3 Réponses :


8
votes

Vous n'avez pas besoin (ou particulièrement envie) jQuery pour cela (c'est très utile pour beaucoup de d'autres choses em>, tout simplement pas particulièrement pour cela). JavaScript et DOM:

var div = $('#block-id-45')[0];


0 commentaires

31
votes

à retourner le numéro à la fin d'un identifiant attribut Utiliser xxx

ce qui précède retournera 45 Si $ (this) est

JSFIDDLE Exemple

La manière dont les travaux ci-dessus sont que vous récupérez l'ID de la élément utilisant .attr () , puis Vous regardez le ID et utilisez .match () Pour récupérer le numéro à la fin de celui-ci. / [\ d] + $ / est une regex. [\ d] signifie un chiffre + un ou plusieurs (des chiffres). et $ signifie la fin de la ligne.


Vous pouvez utiliser cette fonction pour extraire les numéros de la fin de toutes les divs avec un identifiant qui commence par Block-ID - En utilisant le Attribut Démarre avec sélecteur [nom ^ = valeur] et .Chaque () :

Utilisation pratique: xxx

< un href = "http://jsfiddle.net/3v5cg/" rel = "noreferrer"> jsfiddle exemple


0 commentaires

1
votes

Utiliser JQUERY , simplement:

$("[id^='block-id-']").click(function(){

    row_id = $(this).attr("id").split("-")[2];
    .............
    .............
})


0 commentaires