2014-09-27 72 views
0

我有一些與html元素混合的內容。我想要定位說明部分。 Hovewer的描述沒有任何div或其他元素,所以我不能按照課程來定位它。如何使用jQuery查找表格後的內容

說明位於<p>元素中,並且位於Table.contacts-table後面。我如何使用jQuery來定位這個區域?

<div class="main-content"> 
     <a class="btn pull-right back-to-list">Atgal į renginių sąrašą</a> 
     <h2>Vilniaus dokumentinių filmų festivalis (VDFF)</h2> 
     <table border="0" class="contacts-table"> 
      <tbody> 
       <tr> 
        <td class="td1 marker">Renginio vieta:</td> 
       </tr> 
       <tr> 
        <td class="td1 pdf" colspan="2"> 
         <a href="download.php?id=33039">PROGRAMA</a> 
        </td> 
       </tr> 
      </tbody> 
     </table><!-- Kino centras „Skalvija「, kino teatras „Pasaka「 --><br> 

     <!--- START OF DESCRIPTION --> 

     <p style="text-align: justify;">Rugsėjui perkopus į antrąją pusę 
     sostinėje įsiplieks reikšmingiausius dokumentinius filmus pristatantis 
     festivalis..</p> 
     <p style="text-align: justify;"></p> 
     <p style="text-align: justify;">Festivalio programą sudarys naujausi 
     dokumentiniai filmai iš viso pasaulio, bus parodyta ukrainiečio 
     Sergejaus Bukovskio filmų retrospektyva</p> 
     <p style="text-align: justify;">Daugiau informacijos: <a href= 
     "http://www.vdff.lt">www.vdff.lt</a></p><br> 
    </div> 

回答

0

好像$('.main-content > p')對於提供的標記很好用。

看到它在這裏的行動:http://jsfiddle.net/e7hn3gv3/


編輯

更具體地說,如果你需要的一切表後(如果你收到的段落),你可以這樣做:

$('.main-content > table').nextAll(); 

請在此處查看:http://jsfiddle.net/e7hn3gv3/1/(注意表格中未顯示錶格前的段落)

1

這真是一個CSS問題。與表後,您會選擇第一個號碼:

table.contacts-table + p 

或選擇他們都用:

table.contacts-table ~ p

+0

有不止一個P. – user1876234 2014-09-28 06:56:50

+0

@ user1876234 - 見我的編輯 – pguardiario 2014-09-28 08:22:14

相關問題