Obtener id de un div con jquery 1.4.2

[ajalex]

Hola tengo un problemita, estoy usando el jplayer para jquery 1.4.2 pero para poner multiples reproductores de audio se debe poner el script correspondiente, yo quiero que con uno solo obtenga su id y los reprodusca tengo esto:

Código:

$(document).ready(function(){
		var playerid = $("#topten_1");
		var cancion = $("#rola_1").val();						   
		playerid.jPlayer({
		ready: function () {
			$(this).jPlayer("setMedia", {
				mp3: cancion
			}).jPlayer("stop");
		},
		swfPath: "js",
		supplied: "mp3",
		cssSelectorAncestor: "#jp_interface_1"
	})
	.bind($.jPlayer.event.play, function() { // Using a jPlayer event to avoid both jPlayers playing together.
			$(this).jPlayer("pauseOthers");
	});
});

y este se ira incrementando:

Código HTML:

<div id="topten_1" class="jp-jplayer" ></div> 

he leido que es asi:

Código:

$(this).attr("id");

pero no obtiene nada mi reproductor no funciona
como puedo obtener el id? topten_1 o 2 o 3 etc.... de igual modo el #rola_1,2 3 4 5 y jp_interface_1 etc...


algo asi como se usa con javascriot normal:

Código Javascript:

var obj = document.getElementById('item_' + id)
 

[masterpuppet]

Si lo elementos son correlativos podrias hacerlo por medio de la clase css, algo asi:

Código Javascript:

$(document).ready(function(){
    $('.jp-player').each(function(index) {
        var i  = $(this).attr('id').replace('topten_', '');
        var cancion = $("#rola_" + i).val();                           
        $(this).jPlayer({
            ready: function () {
                $(this).jPlayer("setMedia", {
                    mp3: cancion
                }).jPlayer("stop");
            },
            swfPath: "js",
            supplied: "mp3",
            cssSelectorAncestor: "#jp_interface_" + i
        }).bind($.jPlayer.event.play, function() { 
            $(this).jPlayer("pauseOthers");
        });
    });
});
 

Saludos.

[ajalex]

Gracias!! estoy epezando con jquery apenas y muchas gracias por tu ayuda si funciono!!! =)