Obtenir le numéro de l'ID HTML en utilisant Javascript

Question

Très bien, donc j'ai un élément HTML comme <div id="slide_item_#"> où # est un nombre. Ce que je voudrais faire, en utilisant Javascript, est d'obtenir le numéro de l'ID. Donc je suppose une expression régulière, je ne sais pas comment les utiliser en Javascript.

var html_id = "slide_item_3"; 
var id_number = /* code here so that id_number == 3 */ ; 

Answer 1

Je voudrais juste analyser la chaîne sans le préfixe en utilisant parseInt(), comme ceci:

var id_number = parseInt(html_id.replace('slide_item_',''), 10); 

Une amélioration, si vous avez la possibilité, impliquerait de nommer vos classes pour votre élément le Identique à votre id (c'est-à-dire, "slide_item"), sauf que votre identifiant aurait le bon numéro ajouté à la fin (par exemple, "slide_item2"). Ensuite, dans votre code, vous utilisez simplement this.className au lieu d'utiliser explicitement « slide_item_ », et le reste de ce code serait plus dynamique

Answer 2

var id_number = parseInt(html_id.substr(11)); 

Answer 3

var html_id = "slide_item_3"; 
var id_number = +html_id.split('_').pop(); 

Answer 4

si vous ne connaissez pas le préfixe ou un suffixe ... vous ne voulez que le numéro d'identification:

var id_number = html_id.replace(/\D+/,""); // Remove all non-digit characters 

se traduira par:

var html_id = "slide_item_3" // 3 
var html_id = "foo45bar"  // 45 
var html_id = "1-item-X"  // 1 
var html_id = "1-item-2"  // 12 (take care of such cases!)