Hallo Leute,
ich habe eine einfache Tabelle:
[src=html4strict]
<table id="tblData">
<tr>
<th class="hidden">ID</th>
<th>Name</th>
<th>Age</th>
<th>Country</th>
</tr>
<tr>
<td class="hidden">ID</td>
<td>Maria Anders</td>
<td>30</td>
<td>Germany</td>
</tr>
<tr>
<td class="hidden">1</td>
<td contenteditable="false" onBlur="saveToDatabase(this);">Francisco Chang</td>
<td>24</td>
<td>Mexico</td>
</tr>
<tr>
<td class="hidden">2</td>
<td>Roland Mendel</td>
<td>100</td>
<td>Austria</td>
</tr>
<tr>
<td class="hidden">3</td>
<td contenteditable="true" onBlur="saveToDatabase(this);">Helen Bennett</td>
<td contenteditable="true" onBlur="saveToDatabase(this);">28</td>
<td contenteditable="true" onBlur="saveToDatabase(this);">UK</td>
</tr>
<tr>
<td class="hidden">4</td>
<td>Yoshi Tannamuri</td>
<td>35</td>
<td>Canada</td>
</tr>
<tr>
<td class="hidden">5</td>
<td>Giovanni Rovelli</td>
<td>46</td>
<td>Italy</td>
</tr>
<tr>
<td class="hidden">6</td>
<td>Alex Smith</td>
<td>59</td>
<td>USA</td>
</tr>
</table>
[/src]
mit diesem Script komme ich nach einem Klick an die Daten der Zelle und ihrer ID:
[src=javascript]
function saveToDatabase(editableObj)
{
if ($(editableObj).closest("td").attr('contenteditable') == 'true')
{
console.log($( editableObj ).text());
console.log($(editableObj).siblings(":first").text());
console.log(Name des TH von der Zelle) <-- das suche ich
}
};
[/src]
was ich suche und nicht hinbekomme ist das ich auch noch console.log(Zellen Head bekomme).
also das TH was zu der gedrückten Zelle gehört.
Kann mir wer sagen wie das geht?
ich habe eine einfache Tabelle:
[src=html4strict]
<table id="tblData">
<tr>
<th class="hidden">ID</th>
<th>Name</th>
<th>Age</th>
<th>Country</th>
</tr>
<tr>
<td class="hidden">ID</td>
<td>Maria Anders</td>
<td>30</td>
<td>Germany</td>
</tr>
<tr>
<td class="hidden">1</td>
<td contenteditable="false" onBlur="saveToDatabase(this);">Francisco Chang</td>
<td>24</td>
<td>Mexico</td>
</tr>
<tr>
<td class="hidden">2</td>
<td>Roland Mendel</td>
<td>100</td>
<td>Austria</td>
</tr>
<tr>
<td class="hidden">3</td>
<td contenteditable="true" onBlur="saveToDatabase(this);">Helen Bennett</td>
<td contenteditable="true" onBlur="saveToDatabase(this);">28</td>
<td contenteditable="true" onBlur="saveToDatabase(this);">UK</td>
</tr>
<tr>
<td class="hidden">4</td>
<td>Yoshi Tannamuri</td>
<td>35</td>
<td>Canada</td>
</tr>
<tr>
<td class="hidden">5</td>
<td>Giovanni Rovelli</td>
<td>46</td>
<td>Italy</td>
</tr>
<tr>
<td class="hidden">6</td>
<td>Alex Smith</td>
<td>59</td>
<td>USA</td>
</tr>
</table>
[/src]
mit diesem Script komme ich nach einem Klick an die Daten der Zelle und ihrer ID:
[src=javascript]
function saveToDatabase(editableObj)
{
if ($(editableObj).closest("td").attr('contenteditable') == 'true')
{
console.log($( editableObj ).text());
console.log($(editableObj).siblings(":first").text());
console.log(Name des TH von der Zelle) <-- das suche ich
}
};
[/src]
was ich suche und nicht hinbekomme ist das ich auch noch console.log(Zellen Head bekomme).
also das TH was zu der gedrückten Zelle gehört.
Kann mir wer sagen wie das geht?