如何从另一个编辑html文件答案

【问题标题】：How to edit html file from an another one如何从另一个编辑html文件
【发布时间】：2018-03-20 00:08:24
【问题描述】：

我想从另一个 html 文档 (settings.html) 中选择 downloader.html 中具有 sidebar id 的元素。

下载器.html

    <body>
<div class="ui visible left vertical thin sidebar menu" id='sidebar'>
    <div class='item'>
        <img class='ui medium image' src='./../../resources/images/logo_256x256.png'>
    </div>
    <a class="item" id='dashboard_btn'>
        <i class="desktop icon"></i>
        Dashboard
      </a>
    <a class="item" id='statistics_btn'>
        <i class="area chart icon"></i>
        Statistics
      </a>
    <a class="item" id='settings_btn'>
        <i class="settings icon"></i>
        Settings
      </a>
</div>
<div class='dimmed pusher'>
    <button class="ui icon button" id='sidebar_btn'>
        <i class="angle double left icon" id='sidebar_btn_icon'></i>
    </button>
    <div id='content'>
        <!-- All content goes here. -->
    </div>
</div>
<script>
    $(document).ready(function () {
        $('#sidebar_btn').on('click', function () {
            $('#sidebar').sidebar('toggle');

            $('#sidebar_btn_icon').toggleClass('right');
        });

        $("#dashboard_btn").on("click", function () {
            $("#content").load("./items/dashboard/dashboard.html");
        });
        $("#statistics_btn").on("click", function () {
            $("#content").load("./items/statistics/statistics.html");
        });
        $("#settings_btn").on("click", function () {
            $("#content").load("./items/settings/settings.html");
        });
    });
</script>

settings.html

<body>
<div class='center'>
    <h2 class="ui icon header">
        <i class="settings icon"></i>
        <div class="content">
            Settings
            <div class="sub header">Sample text.</div>
        </div>
    </h2>
    <div class='center child'>
        <div class="ui toggle checkbox">
            <input name="public" type="checkbox">
            <label>Dark theme.</label>
        </div>
    </div>

</div>
<script>
    //Select 'sidebar' element from downloader.html using jquery
</script>

请不要注意在 html 代码中将 ' 与 " 混合在一起。这是我的错，它会在应用发布之前修复。

【问题讨论】：

选择元素后会发生什么？
您想从哪个用户操作中“选择”#sidebar 以及您想用它做什么？您的问题不清楚。

标签： javascript jquery html electron

【解决方案1】：

您可以使用 .load() 在“settings.html”中设置哈希

$("#element").load("downloader.html #sidebar")

【讨论】：

settings.html 被加载到 downloader.html 的元素 #content...
@LouysPatriceBessette 那么问题可能真的完全不清楚。也许 OP 会加入