Question

我正在使用此.children()选择器在两个<div>s之间选择两种类型的内容。

以“out _”开头的课程
ID等于“chart1”的图表

因此我使用以下jQuery语句。

var jq_html = $("div.articles_output").children("table[class*=out_]:not(div#chart1,table:hidden)").clone().html();

HTML

<div class="articles_output">
        <h2 class="model_header">IEC Output</h2>
    <form>
        <table align="center">
            <!--end 04uberoutput_start-->
            <table width="600" border="1" class="out_1">
                <tr>
                    <th width="300" scope="col">User Inputs</th>
                    <th width="300" scope="col">Values</th>
                </tr>
                <tr>
                    <td>LC50 or LD50</td>
                    <td>33.00</td>
                </tr>
            </table>
            <p>&nbsp;</p>
            <table width="600" border="1" class="out_2">
                <tr>
                    <th width="300" scope="col">IEC Outputs</th>
                    <th width="300" scope="col">Values</th>
                </tr>
                <tr>
                    <td>Z Score</td>
                    <td>5.95</td>
                </tr>
            </table>
            <table width="600" border="1" class="out_2" style="display:none">
                <tr>
                    <th width="300" scope="col">IEC Outputs</th>
                    <th width="300" scope="col">Values</th>
                </tr>
                <tr>
                    <td>Z Score</td>
                    <td>5.95</td>
                </tr>
            </table>
        </table>
        <div id="chart1" style="margin-top:20px; margin-left:20px; width:650px; height:400px;"></div>
        <div id="chart1" style="margin-top:20px; margin-left:20px; width:650px; height:400px;"></div>
    </form>
</div>

我发现我的.children参数有问题。那么有谁可以给我一些sugeestings？这是demo。

更新

我想我找到了造成问题的地方。但不知道如何解决它。如果我删除了form代码。然后我的jQuery语句将起作用。 Demo

jQuery选择某些html内容

更新

0 个答案: