JQuery wybierz element wewnątrz td

Chciałbym wybrać element wewnątrz td jednego z moich tabel, ale tak naprawdę nie rozumiem składni. To co próbowałem:JQuery wybierz element wewnątrz td

$("table > td:#box")

To jest przykład z mojego struktury tabeli:

<div id="main"> 
<div id="today"> 
    <table id="list" width="100%" cellpadding="4" cellspacing="0" border="0" style="font-size: 10px; border-collapse:collapse;"> 
    <tr id="109008"> 
    <td class="tdstd"> 
    <a class="box" href="link"></a> 
    </td>

lub Chrome DOM Inspector:

alt text

Źródło

2009-11-04 Roch

Proszę napisać odpowiedni fragment kodu HTML i powiedzieć, z której części chcesz się wydostać. – BalusC

Być może możesz pokazać fragment HTML z tabelą i elementem. Czy element div jest identyfikatorem "box"? –

do podaży, czego potrzebujesz - masz tekst i chcesz uzyskać "tekst" lub "identyfikator"? – cupakob

dobrze „#box "oznacza obiekt DOM z identyfikatorem" box ", ponieważ jest to unikalny identyfikator. Możesz wybrać ten bezpośrednio. Ale twój kod sugeruje, że masz kilka elementów z identyfikatorem "box", które musisz zmienić. należy przypisać klasę do elementu wewnątrz TD, lub jeśli jest to wyjątkowy będąc jedyną DIV lub zakresowy w oknie, można go tak:

$("table td .box")

Należy zauważyć, że „>” selektor oznacza, że TD musi być bezpośrednim potomkiem TABELI i zakładam, że masz przynajmniej TR poziom pośredni, więc to też nie zadziała. Mój powyższy przykład pasuje do każdego elementu z klasą "box" wewnątrz dowolnego TD, który jest dzieckiem do dowolnego TABELA.

Oczywiście chciałbym ustawić klasę na stole, jak również i używać coś takiego:.

$("table.boxes td .box")

Tak więc nie przypadkowo wybiera rzeczy poza zakresem chcesz pracować w

Masz teraz dodaje HTML więc jestem edycji moja odpowiedź:

$("table#list a.box")

Źródło

2009-11-04 22:02:39 Sandman

+1, ale ma on już identyfikator na stole, który i tak jest znacznie bardziej wydajny - $ ('# list td a.box') jest "poprawnym" rozwiązaniem tutaj – annakata

Prawidłowo, ale ja zwykle używają nazwy znacznika podczas wykonywania wyborów hierarchicznych, dzięki czemu mogę zobaczyć, jaką część strony wybieram. Gdyby identyfikator był "tablelistą", nie miałbym, ale "lista" jest tak ogólna, żebym mógł się pomylić, gdyby mój kod jQuery działał długo. Ale wszystko to powiedziawszy, jesteś oczywiście poprawny :) – Sandman

$("table tr td .box")

Powinien załatwić sprawę.

Źródło

2009-11-04 22:02:51

-2

Nie jestem pewien, ale myślę, trzeba $("td#box") ...

Źródło

2009-11-04 22:03:07 cupakob

to nie jest w porządku - # oznacza selektor ID i nie ma elmentu z identyfikatorem "box", a tym bardziej td z takim – annakata

na początku był postet tylko tym $ ("table> td: #box") a nie spokój kodu :) – cupakob

tak, zauważyłem to - dlatego cię nie pochwaliłem, tylko skomentowałem :) – annakata

selektor ten ...

table td a.box

mówi jQuery znaleźć tag a z atrybutem class, który zawiera " pudełko". Ten znacznik a musi znajdować się wewnątrz obiektu td, który znajduje się wewnątrz table.

Źródło

2009-11-04 22:03:27

Najskuteczniejszym selektor będzie:

$('#list').find('a.box');

lub:

$('a.box', $('#list')[0]);

Wybierając stół id najpierw trzeba ustawić swój zakres do tylko stołu, a następnie można szukać elementu którego potrzebujesz w tym stole.

Drugi selektor jest taki sam, wybierasz coś i nadajesz zakres jako drugi parametr.

Po prostu łatwiej jest przeczytać pierwszą.

Źródło

2009-11-04 23:14:19

JQuery wybierz element wewnątrz td

Odpowiedz

Powiązane problemy