Как скрыть / удалить часть столбца В Java или jQuery у меня нет доступа к HTML и предложениям?

Question

В "grid_8" есть 2 секции, расположенные друг над другом.Мне нужно удалить верхний раздел, который включает STATS, Statistics, Graph..ect (плюс у меня нет доступа для изменения HTML) Мне нужен код JS, который удалит верхний раздел в столбце.Я выделил весь код, который нужно удалить / спрятать в JS.Пожалуйста, помогите!

Резюме:

ПРАВАЯ КОЛОННА> СТАТИСТИКА> График HTML5> Конец графика HTML5 = УДАЛЕНИЕ ИЛИ СКРЫТЬ

ОСОБЕННЫЕ ПРЕДЛОЖЕНИЯ = СОХРАНИТЕ С JS


----- ДОКУМЕНТЫ --- CSS - & - JS -------
media.go2app.org/assets/css/base.css?new=1
media.go2app.org/assets/css/default.css?new=1
media.go2app.org/assets/css/print.css
media.go2app.org/assets/shared/js/graph/jquery.js
media.go2app.org/assets/shared/js/jquery/jquery-1.3.2.min.js
media.go2app.org/assets/shared/js/jquery/jquery.metadata-3620.min.js
media.go2app.org/assets/shared/js/jquery/jquery.qtip-1.0.0-rc3.min.js
media.go2app.org/assets/shared/js/jquery/jquery.base64.js
media.go2app.org/assets/shared/js/jquery/jquery.thickbox.min.js
media.go2app.org/assets/css/thickbox.css
media.go2app.org/assets/js/global.js?new=1
media.go2app.org/assets/js/jquery-fluid16.js
media.go2app.org/assets/js/base.js?new = 1
media.go2app.org/assets/js/superfish.js
media.go2app.org/assets/css/style7.css?new=1
media.go2app.org/assets/js / excanvas.js
media.go2app.org/assets/css/ie6.css
media.go2app.org/assets/css/ie.css




--------------------------------------- КОД - УДАЛИТЬ НИЖЕ ---------------------------------

<!-- RIGHT COLUMN -->
<div class="grid_8">
    <!-- STATS -->
        <script type="text/javascript">
        var jQueryBackup = jQuery;
        jQuery = jqForGraph;
    </script>

    <script type="text/javascript" src="jquery.jqChart.js"></script>
    <script type="text/javascript" src="jquery-ui-1.8.4.custom.min.js"></script>

    <div class="panel">
        <div class="head">
            <h3>Statistics</h3>
        </div>
        <div class="body">

            <div class="graph">
                <div class="snapDateRange">
                    <div class="clear"></div>
                                <form name="date_range_form" method="post" action="/snapshot"><input type="hidden" name="_method" value="POST" /><input type="hidden" name="data[_Token][key]" value="" id="" />            
                        <div class="date-icon"></div>

                        <label>View Stats for</label>


            <select name="data[DateRange][preset_date_range]" id="DateRangePreset">
<option value="other"></option>
<option value="today" selected="selected">Today</option>

<option value="yesterday">Yesterday</option>
<option value="last_seven_days">Last 7 Days</option>
<option value="this_month">This Month - December</option>
<option value="last_month">Last Month - November</option>
<option value="last_six_months">Last Six Months</option>
<option value="all_time">All Time</option>
</select>           
            <input type="hidden" name="data[_Token][fields]" value="" id="TokenFields948847344" /></form>                       <script type="text/javascript" charset="utf-8">
                $("#DateRangePreset").change(function(){ this.form.submit(); });
            </script>
                                        <div class="clear"></div>

                </div>
                <div>
                    <div id="grapherror"></div>
                    <div id="earningsGraph" style="min-width: 400px;clear: both;height: 300px"></div>
                    <div class="clear"></div>                           
                </div>
                <div style="height:350; overflow: hidden;">
                    <div id="volumeGraph" style="min-width: 400px;clear: both;height: 300px"></div>
                    <div class="clear"></div>                           
                </div>


                                    <!-- html5 graph -->
                    <script type="text/javascript">
                    //<![CDATA[

var chart1, chart2;
$(document).ready(function() {
    // define the options
    chart1 = new Highcharts.Chart({
        chart: {
            renderTo: 'earningsGraph',
            backgroundColor: '#FFFFFF'
        },

        credits: {
            enabled: false
        },

        title: {
            text: 'Earnings',
            style: {
                color: '#000000'
            }
        },

        xAxis: {
            categories: ['0','1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23'],
            lineColor: '#000000',
            labels: {
                style: {
                    color: '#000000',
                    fontWeight: 'bold'
                }
            }
        },

        yAxis: [{ // left y axis
            title: {
                text: null
            },
            labels: {
                align: 'left',
                x: 3,
                y: 16,
                formatter: function() {
                    return '$' + Highcharts.numberFormat(this.value, 0) + '';
                },
                style: {
                    color: '#000000',
                    fontWeight: 'bold'
                }
            },
            showFirstLabel: false,
            gridLineColor: '#000000'
        }, { // right y axis
            linkedTo: 0,
            gridLineWidth: 0,
            opposite: true,
            title: {
                text: null
            },
            labels: {
                align: 'right',
                x: -3,
                y: 16,
                formatter: function() {
                   return '$' + Highcharts.numberFormat(this.value, 0) + '';
                },
                style: {
                    color: '#000000',
                    fontWeight: 'bold'
                }
            },
            showFirstLabel: false
        }],

        legend: {
            align: 'left',
            verticalAlign: 'top',
            y: 5,
            floating: true,
            borderWidth: 0,
            itemStyle: {
                color: '#000000'
            }
        },

        tooltip: {
            shared: true,
            crosshairs: true,
            formatter: function() {
                var s = '<b style="color:#333;font-weight:bold;">'+ this.x +'</b>';

                $.each(this.points, function(i, point) {
                    s += '<br/><span style="color:' + point.series.color + '">' + 
                        point.series.name +'</span> : <b>$'+
                        Highcharts.numberFormat(point.y, 2) +'<b>';
                });

                return s;
            },
            style: {
                'line-height': '120%' /*ie9 fix*/
            }
        },

        plotOptions: {
            series: {
                cursor: 'pointer',
                marker: {
                    lineWidth: 1
                }
            }
        },

        series: [{
            name: 'Payout',
            data: [0.00000,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
        }]
    });

    /////////////////////////////////////////////////////////////////////
    chart2 = new Highcharts.Chart({
        chart: {
            renderTo: 'volumeGraph',
            backgroundColor: '#FFFFFF'
        },

        credits: {
            enabled: false
        },

        title: {
            text: 'Volumes',
            style: {
                color: '#000000'
            }
        },

        xAxis: {
            categories: ['0','1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23'],
            lineColor: '#000000',
            labels: {
                style: {
                    color: '#000000',
                    fontWeight: 'bold'
                }
            }
        },

        yAxis: [{ // left y axis
            title: {
                text: 'Conversions',
                style: {
                    color: '#000000',
                    fontWeight: 'bold'
                }
            },
            labels: {
                align: 'left',
                x: 3,
                y: 16,
                formatter: function() {
                    return Highcharts.numberFormat(this.value, 0);
                },
                style: {
                    color: '#000000',
                    fontWeight: 'bold'
                }
            },
            showFirstLabel: false,
            gridLineColor: '#000000'
        }, { // right y axis
            gridLineWidth: 0,           
            title: {
                text: 'Clicks',
                style: {
                    color: '#000000',
                    fontWeight: 'bold'
                }
            },
            labels: {
                align: 'right',
                x: -3,
                y: 16,
                formatter: function() {
                   return Highcharts.numberFormat(this.value, 0);
                },
                style: {
                    color: '#000000',
                    fontWeight: 'bold'
                }
            },
            showFirstLabel: false,
            opposite: true
        }],

        legend: {
            align: 'left',
            verticalAlign: 'top',
            y: 5,
            floating: true,
            borderWidth: 0,
            itemStyle: {
                color: '#000000'
            }
        },

        tooltip: {
            shared: true,
            crosshairs: true,
            formatter: function() {
                var s = '<span style="color:#333;font-weight:bold;">'+ this.x +'</span>';

                $.each(this.points, function(i, point) {
                    s += '<br/><span style="color:' + point.series.color + '">' + 
                        point.series.name +'</span> : <strong>'+
                        Highcharts.numberFormat(point.y, 0) +'</strong>';
                });

                return s;
            },
            style: {
                'line-height': '120%' /*ie9 fix*/
            }
        },

        plotOptions: {
            series: {
                cursor: 'pointer',
                marker: {
                    lineWidth: 1
                }
            }
        },

        series: [{
            name: 'Conversions',
            data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
        }, {
            name: 'Clicks',
            data: [1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
            yAxis: 1
        }]
    });
});
jQuery = jQueryBackup;
                    //]]>
                    </script>
                    <!-- end html5 graph -->    

                </div>
                <div class="clear"></div>
                <p>Stats are displayed in Eastern Time (America/New York).</p>
            <div class="clear"></div>               
        </div>
    </div>

--------------------------------------- КОД - УДАЛИТЬ ВЫШЕ ---------------------------------

<!-- FEATURED OFFERS -->

    <div class="panel">
    <div class="head">
        <h3>Featured Offers</h3>
    </div>
    <div class="body">
        <table>
            <thead>
                <tr>
                <td>
                    </td>
                                                    </tr>
                                            </table>
                        </div>
                    </div>


                </div>
                <div class="clear"></div>

                                                <div class="clear"></div>
                            </div>
                        </div>
                                <div id="footer" class="grid_12">
                            <p>
                                                                </p>
                        </div>
                        <div class="clear"></div>

Answer 1

(я пока не могу добавлять комментарии.)

Можете ли вы предоставить полный источник HTML этой страницы.

$(".grid_8 .panel:first").remove();

Answer 2

Если я вас правильно понял, вы хотите удалить элемент div с классом "grid_8" и все в нем.С jQuery:

$(".grid_8").remove();

Обратите внимание, что при выборе по классу также будут удалены любые другие элементы с тем же классом.

Если вы хотите скрыть это, а не удалить, вы можете попробовать это:

$(".grid_8").hide();

Для получения дополнительной информации прочтите документ jQuery для .remove() или .hide().

РЕДАКТИРОВАТЬ: Хорошо, так что вы не хотите удалять div .grid_8.Чтобы удалить первый элемент .panel внутри .grid_8, __ при условии, что на странице_ нет других элементов .grid_8, попробуйте следующее:

$(".grid_8 .panel").first().remove();
// OR
$(".grid_8 .panel:first").remove();

Если имеется несколько элементов .grid_8, вы можете указатьтот, который вы хотите, указав нулевой индекс.Например, чтобы удалить первый .panel из шестого .grid_8:

$(".grid_8:eq(5) .panel:first").remove();

(Обратите внимание, что селектор :first эквивалентен :eq(0).)