2016-07-25 14 views
0

Es gibt eine Website mit mehreren Td-Elementen. Ich muss einen Weg finden, auf alle href-Links innerhalb des td-Elements zu klicken, wenn es mit einem bestimmten Stil übereinstimmt.Javascript/JQuery: Wie wähle ich den Link in einem Element, wenn es einen bestimmten Stil hat

Hier ist, was das td-Element sieht typischerweise wie

<td style="font-size: 12px; text-align: center; font-weight: bold;"><a class="theclass" href="https://youtube.com" target="_blank">Link</a></td> 

Kann jemand bitte helfen leitet mich, wie man dies richtig machen? Ich habe versucht, eine if-Anweisung zu sehen, ob der TD-Stil "font-size: 12px; text-align: center; font-weight: bold;" entspricht, aber es hat überhaupt nicht funktioniert.

Bearbeiten: Dies ist nicht meine Website. Entschuldigung, ich habe das nicht aufgenommen.

+0

Warum nicht eine einzigartige Klasse für jedes Design geben? – torus

+0

@linus Weil das nicht meine Website ist. Das ist nur so, damit die Dinge für mich einfacher werden. – Weakman10122

+1

Wie Sie Elemente basierend auf Stil auswählen, überprüfen Sie dies. http://stackoverflow.com/questions/442048/how-do-you-select-elements-based-on-their-style –

Antwort

2

Es klingt, als ob Sie eine Javascript-Schleife machen müssen.

Sie können es schneller machen, wenn Sie einen Tabellencontainer übergeben, also durchsuchen Sie nicht die ganze Seite nach jeder TD-Referenz.

+0

Nun, das funktioniert, aber Sie müssen es nicht tun ... wahrscheinlich. Einige CSS-Stilwerte können als Selektoren verwendet werden. – BobRodes

+0

Abhängig davon, wie viele Links auf der Seite sind, kann es schneller sein, '$ (" a "). Engster (" td "). Each()' zu verwenden, besonders wenn die Links eine Unterscheidungsklasse haben, die dem hinzugefügt werden kann Wähler. – nnnnnn

0

Dies wird wählen Sie das td Element oben:

$('td[style*="font-weight:bold"]') 

Sie werden zum Experimentieren haben, was funktioniert und was nicht. Ich habe versucht, Dinge wie width: 100px und es würde nicht funktionieren; Vermutlich ist alles mit einem Pixelwert in irgendeiner Weise mehrdeutig. Allerdings, wenn ich nur width verwendet, funktionierte es für jedes Element, das eine Breite angegeben hatte.

Beachten Sie, dass dies nur mit Inline-Stilen funktioniert.

Verwandte Themen