Obter o id de um elemento por js em um item do módulo de
-
10-12-2019 - |
Pergunta
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.
Solução
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;
}
Outras dicas
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;
}