小编Far*_*kel的帖子

我正在尝试将此功能用于我正在进行的项目的网站上.此函数的目的是仅(物理地)打印子div的内容,该内容巧合地称为选择器#content.

这是我到目前为止的一点点:

<script>
    function printContent() {
        window.open().document.write($("#content").html());
        window.print();
        window.close();
    }
</script>

当人们点击"打印"超链接时会触发该功能.新窗口将加载#content div的内容,该内容从另一个HTML文档解析:

<div id="content">
    <br/>
    <div id="Algemeen">
        <h3>Algemene informatie</h3>
        <fieldset id="profile">
            <img id="male" src="./images/Pixers/male_icon.jpg"></img>
            <img id="female" src="./images/Pixers/female_icon1.jpg"></img>
        </fieldset>
    </div>
    <div id ="leftbox">   
        <div id ="veldbox"><label>BSN:</label>$!person.bsn</div>
        <div id ="veldbox"><label>Voornaam: </label>$!person.first_name</div>
        <div id ="veldbox"><label>Achternaam:</label>$!person.name_prefix $!person.last_name</div>
        <div id ="veldbox"><label>Geslacht:</label>$!person.gender</div>  
        <div id ="veldbox"><label>Woonadres:</label>$!person.address</div>
        <div id ="veldbox"><label>Plaatsnaam:</label>$!person.location</div>
        <div id ="veldbox"><label>Provincie:</label>$!person.province</div>
        <div id ="veldbox"><label>Postcode:</label>$!person.zipcode</div>
        <div id ="veldbox"><label>Tel. nummer thuis:</label>$!person.h_number</div>
        <div id ="veldbox"><label>Mobiel nummer:</label>$!person.mobile_nr</div>
        <div id ="veldbox"><label>Burgerlijke Stand:</label>$!person.m_status</div>
        <div id ="veldbox"><label>land van herkomst:</label>$!person.origin</div>
    </div>
    <div id="rightbox"> …

当在"单选按钮"上设置下拉框时添加了另一个问题,所有应该将输入元素附加到各自的.q_ div 的.addrad按钮仅将元素附加到最后一个.q_ div(如上所述)这个JSFiddle的第25行).每个添加按钮都应将克隆的输入元素仅附加到这些按钮所属的div.我应该为.addrad上的click事件的选择器添加一个变量吗？如果我不需要变量,选择器应该是什么样的？我很感激有关如何解决这个问题的任何信息和见解.

JQuery(在JSFiddle上找到的其余项目):

$(document).ready(function () {
    var clonedForm = $('form').clone();
    var counter = 1;
    var counter1 = 1;
    var clone = $('#mp_0 div[name^="answer"]');
    var clone1 = $('#checkbox_0 div').children().clone();
    var clone2 = $('#radio_0 div').children().clone();
    var clone3 = $('#choose_0 div').children().clone();
    var newqid = $('#content form').length;

    $('.removecb').hide();
    $('.removeq').hide();
    $('.removerad').hide();
    $('.removechoose').hide();

    $(document).on("click", ".addrad", function(e) {
        var idx = $(this).siblings('div[id^="radio_"] div').find('.radio:last').length;
        var newRad = $(clone2).clone();
        counter++;

        $('div[id^="radio_"] div input[type="text"]:last').attr('name', 'radio_'+counter);

        $('.removerad').show(); …