jquery capturing text of selected id

Question

If I have id's of the form: t_* where * could be any text, how do I capture the click event of these id's and be able to store the value of * into a variable for my use?

Answer 1

var CurrentID = $(this).attr('id');
var CurrentName = CurrentID.replace("t_", "");

That should help with the repalce.

Answer 2

Use the starts with selector ^= like this:

$('element[id^="t_"]').click(function(){
  alert($(this).attr('id'));
});

Where element could be any element eg a div, input or whatever you specify or you may even leave that out:

$('[id^="t_"]').click(function(){
  alert($(this).attr('id'));
});

Update:

$('[id^="t_"]').click(function(){
  var arr = $(this).attr('id').split('_');
  alert(arr[1]);
});

More Info:

• http://api.jquery.com/attribute-starts-with-selector/

Answer 3

Try this:

// handle the click event of all elements whose id attribute begins with "t_"
$("[id^='t_']").click(function()
{
    var id = $(this).attr("id");

    // handle the click event here
});

Answer 4

$("[id^='t_']").click(function() 
{ 
    var idEnding = $(this).attr("id");
    idEnding.replace(/\t_/,''); 

}); 

Using the click event capture the ID that begins with t_, then replace that with nothing giving a capture the end of the ID value.