Erhalten Sie ID eines Elements von JS in einem Modulelement

Question

Ich weiß nicht, ob ich den richtigen Titel wähle.

Hier ist mein Problem, ich habe ein Modul erstellt, in dem ich meine JS / CSS () erstellt habehttp://img4.hostingpics.net/pics/586674modulejs.png ) und ich möchte die ID meiner HTML-Elemente erhalten.SharePoint fügt meinen Elemente-IDs einiger MATRIX-Zeichen hinzu, und jeder von ihnen sieht dem ähnlich an: ctl40_g_fa43dd10_b395_40e7_98cd_a52585a208c5_Timesheet

Ich habe also mithilfe der Cliendid meines Artikels die ID in meinem Webpartnern erhalten.Hier ist ein Beispiel dafür, was ich tat, bevor ich meine JS in eine separate Datei bewegt habe.(Ich machte JS / Style in der WebPart-ACSX-Datei, aber ich bekam einige Probleme und ich musste meinen JS / Stil in einem separaten Ordner verschieben).

js generasacodicetagpre.

css generasacodicetagpre.

Aber jetzt, da ich meine JS / CSS in einen separaten Ordner bewegt habe, kann ich nicht mehr <% ...%> nicht mehr verwenden.So kann ich jetzt die ID meiner Elemente jetzt bekommen?

bitte helfen. Vielen Dank im Voraus.

Answer 1

I've found another solution is to use the HTML5 custom attribute like data-name.

So instead of getting the id like this $("#<%#Timesheet.ClientId%>"), I now do $("table[data-id='Timesheet']")

Same thing for the css selector.

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

Answer 2

If you're using jQuery to select element, you could use '$' for ends with.

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

You could do similar for CSS:

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