javascript - 如何根据使用 javascript 单击的按钮查找数据类型？

Question

我有一个 PHP 函数可以创建动态创建的分区。这些部门中的每一个都有不同的数据类型和一个按钮。当用户使用 Javascript 单击提交按钮时，如何检索分区的数据类型？

PHP 代码:

function html_submit_docs($docname,$datasubmit){

$html .= '<section class="docs">';
    $html .= 
    '<div class="card_doc">
        <div class="custome-file" data-type="'.$datasubmit.'">
          <div id="label">
            Upload Your Document
          </div>
          <input type="file" />
          <button id="upload" value="Upload" />
        </div>
    </div>';
  $html .= '</section>';
    return $html;
}

JavaScript 代码:

$(document).on('click', '#upload', function() {
console.log('button activattion');
var form_data = new FormData();
var doctype = $(this).closest('div').find('data-type').attr('data-type');
console.log(doctype);
    jQuery.ajax({
        type: 'POST',
        url: ajaxobject.ajaxurl,
        cache: false,
        contentType: false,
        processData: false,
        data: {
            action: 'upload_submit_docs',
            testuser: ajaxobject.student_id,
            doctype: doctype,
            form_data: form_data

        },
        dataType: 'json',
        success: function(response) {
            console.log(response);
        },
        error: function(err) {
            console.log('err', err)}
    });

})

Answer 1

由于您使用的是 jQuery，因此您可以使用 data():

var doctype = $(this).closest('div').data('type');