Jquery将href值变为span balise

时间:2015-02-05 16:10:48

标签: javascript jquery html href

我需要像这样的

获得href
<p class="name">
    <a download="adja-lo.pdf" title="adja-lo.pdf" href="http://localhost/MatrixDRSnews/apps/Matrix/server/php/files/adja-lo.pdf">adja-lo.pdf</a>
</p>

1 个答案:

答案 0 :(得分:0)

好吧我使用jquery上传插件,所以我想在我的数据库中插入一些信息,信息是:2隐藏输入,textarea,输入,文本,文件名和网址

 <div id="Form" class="container1" style="display: none; width: 850px; height: 500px;">
        <form id="fileupload"  method="POST" enctype="multipart/form-data">
            <span class='span' id=txt_lala></span>
            <input type="hidden" name="anomalie" class="hide" id="anomalie" value="">
            <input type="hidden" name="missionID" class="hide" id="missionID" value="<?php echo $_SESSION['mission_id']?>">
            <fieldset class="fieldset1">
                <table class="myTable" id="myTable">

                <!--<input type="text" name="fait" id="fait" value="" class="text ui-widget-content ui-corner-all">!-->
                <tr>
                   <td><label for="name">Recommandation:</label></td>
                    <td><textarea name="recommandation" id="recommandation" cols="50" ></textarea></td>

                </tr><br>
                    <tr>
                        <td><label for="name">Constat:</label></td>

                        <td><textarea name="fait" id="fait" cols="50" ></textarea></td>
                    </tr>
                </table><br>

                <!-- Redirect browsers with JavaScript disabled to the origin page -->
                <noscript><input type="hidden" name="redirect" value="https://blueimp.github.io/jQuery-File-Upload/"></noscript>
                <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
                <div class="fileupload-buttonbar">
                    <div class="fileupload-buttons">
                        <!-- The fileinput-button span is used to style the file input field as button -->
            <span class="fileinput-button">
                <span>Add files...</span>
                <input type="file" name="files[]"  multiple>
            </span>
                        <button type="submit" class="start" >Start upload</button>
                        <button type="reset" class="cancel" >Cancel upload</button>
                        <button type="button" class="delete">Delete</button>
                        <input type="checkbox" class="toggle">
                        <!-- The global file processing state -->
                        <span class="fileupload-process"></span>
                    </div>
                    <!-- The global progress state -->
                    <div class="fileupload-progress fade" style="display:none">
                        <!-- The global progress bar -->
                        <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100"></div>
                        <!-- The extended global progress state -->
                        <div class="progress-extended">&nbsp;</div>
                    </div>
                </div>
                <!-- The table listing the files available for upload/download -->
                <table role="presentation"><tbody class="files"></tbody></table>
            </fieldset>
            <script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-upload fade">
        <td>
            <span class="preview"></span>
        </td>
        <td>
            <p class="name">{%=file.name%}</p>
            <strong class="error"></strong>
        </td>
        <td>
            <p class="size">Processing...</p>
            <div class="progress"></div>
        </td>
        <td>
            {% if (!i && !o.options.autoUpload) { %}
                <button class="start" disabled>Start</button>
            {% } %}
            {% if (!i) { %}
                <button class="cancel">Cancel</button>
            {% } %}
        </td>
    </tr>
{% } %}
</script>
            <!-- The template to display files available for download -->
            <script id="template-download" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-download fade">
        <td>
            <span class="preview">
                {% if (file.thumbnailUrl) { %}
                    <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a>
                {% } %}
            </span>
        </td>
        <td>
            <p class="name">
                <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a>
            </p>
            {% if (file.error) { %}
                <div><span class="error">Error</span> {%=file.error%}</div>
            {% } %}
        </td>
        <td>
            <span class="size">{%=o.formatFileSize(file.size)%}</span>
        </td>
        <td>
            <button class="delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>Delete</button>
            <input type="checkbox" name="delete" value="1" class="toggle">
        </td>
    </tr>
{% } %}
</script>
        </form> 

,jquery代码是

    jObjFormulaire.on( "submit", function(){

                var fait = $( "#fait" ).val(),
                    anomalie = $( "#anomalie" ).val(),
                    missionID = $( "#missionID" ).val(),
                recommandation =$( "#recommandation" ).val();
                /*var element = $("#pnewanomalie");
                alert(element);*/
                var filedata = document.getElementsByName("name");
                var i = 0, len = filedata.files.length;

// On file add assigning the name of that file to the variable to pass to the web service

                var aa = $("#new_anomalie");
               // alert(aa.length);
                if(aa.length){
                   // alert('autreAnomalie');
                    if($("#new_anomalie").val()!=''){
                    var autreAnomalie = $("#new_anomalie").val();
                        var status = 'NEW';
                       // alert(autreAnomalie);
                    }else{
                        var autreAnomalie ='';
                        alert( "Veuillez donner le nom de la nouvelle anomalie." );

                    }


                }

                if ( fait == '' ){

                    alert( "Champs commentaire Obligatoire ! Soumission du formulaire annulée." );

                    $( jObjFormulaire.data( "checkbox" ) ).prop( "checked", false );
                    jObjFormDiv.dialog( "close" );

                } else {

                    $.post("<?php echo $_SESSION['config']['businessappurl']?>index.php?display=true&module=Inspecteur&page=insertanomalie", {
                        fait1: fait,
                        anomalie1: anomalie,
                        missionID1: missionID,
                        autreAnomalie1:autreAnomalie,
                        status:status,
                        recommandation : recommandation

                    }, function(data) {
                       // $('#recommandation').val(data);
                        alert(data);
                        removeTableRow($("#myTable"));
                        $('#form')[0].reset(); // To reset form fields
                        location.reload();
                       // window.location.reload(true);
                       // $("#content").load('<?php echo $_SESSION['config']['businessappurl']?>index.php?display=true&module=Inspecteur&page=traitervolet&volet_id=<?php  echo $_GET['volet_id']?>');
                       // $('#content').html(data);
                    });

                    //this.reset(); // To reset form fields

                    /*
                     * Comme le changement d'avis de l'utilisateur n'est pas géré,
                     * on peut l'empêcher de changer d'avis, mais ce n'est pas une bonne solution.
                     */
                    $( "#pnewanomalie" ).remove();
                    $( jObjFormulaire.data( "checkbox" ) ).prop( "checked", true );


                    jObjFormDiv.dialog( "close" );
                }

                // Il faut bloquer la soumission traditionnelle
                // du formulaire sinon la page est rechargée !
                return false; // important !
            });