Obter o id de um elemento por js em um item do módulo de

Question

Eu não sei se eu escolher o título correto.

Aqui está o meu probleme, eu criei um módulo no qual eu possa colocar o meu js/css (http://img4.hostingpics.net/pics/586674moduleJs.png e eu gostaria de obter o id do meu elementos html.O Sharepoint é a adição de algum tipo de matriz de caracteres para o meu elementos de IDENTIFICAÇÃO e de cada uma delas semelhante a esta : ctl40_g_fa43dd10_b395_40e7_98cd_a52585a208c5_Timesheet

Então eu usei para obter o id na minha peça web usando O CliendID da minha item.Aqui está um exemplo do que eu estava fazendo antes de mover css em um arquivo separado.(Eu estava fazendo js/estilo na peça web acsx arquivo, mas eu tenho alguns problemas e eu tive que mudar meu js/estilo em uma pasta separada).

js

$("#<%#Timesheet.ClientID%>").find("tbody").find("tr").each(function () {
        if ($(this).attr("data-name") == "timesheetEntryTotal") {
            $(this).before(tr);
            return false;
        }
    });

css

#<%#Timesheet.ClientID%> > tbody > tr > td {
    height: 30px;
    background-color: #F6F6F6;
}

Mas agora que eu mudei meu js/css para uma pasta separada eu não posso usuário <%...%> mais.Então, como eu posso obter a ID do meu elementos agora?

Por favor, ajuda.Obrigado antecipadamente.

Answer 1

Eu encontrei outra solução é usar o HTML5 atributo personalizado dados como nome.

Então, em vez de obter o id como este $("#<%#Timesheet.ClientId%>"), Que eu faço agora $("table[data-id='Timesheet']")

Mesma coisa para o seletor css.

table[data-id="Timesheet"] > tbody > tr > td {
        height: 30px;
        background-color: #F6F6F6;
}

Answer 2

Se você estiver usando o jQuery para selecionar o elemento, você pode usar '$' para termina com.

$("table[id$='Timesheet']")

Você poderia fazer semelhante para o CSS:

table[id$="Timesheet"] > tbody > tr > td {
    height: 30px;
    background-color: #F6F6F6;
}