Question

我有一些与html元素混合的内容。我想定位描述部分。 Hovewer描述中没有任何div或其他元素，所以我无法按类定位。

描述位于<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>

Answer 1

这真是一个css问题。您可以选择表格后面的第一个p：

table.contacts-table + p

或选择所有这些：

table.contacts-table ~ p

Answer 2

似乎$('.main-content > p')对提供的标记很有用。

在此处查看此行动：http://jsfiddle.net/e7hn3gv3/

修改

更具体地说，如果您需要表格之后的所有内容（如果您之前有段落），您可以这样做：

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

在此处查看：http://jsfiddle.net/e7hn3gv3/1/（请注意表格未显示在输出中之前的段落）

如何使用jquery在table之后定位内容

2 个答案: