Question

我正在尝试将一些依赖于jQuery的内容改为纯JS，我想知道如何翻译这个：

$("#mydiv .car span").text(myVariable);

上面的代码在纯JS中会是什么？

Answer 1

您可以使用 document.querySelector() 和textContent这样做：

function postImport( Request $request)
    {

        if(!is_null($request->file('fileimport')))
        {
            $file =     $request->file('fileimport');
            $filename = $file->getClientOriginalName();
            $uploadSuccess = $file->move('./uploads/' , $filename );
            if( $uploadSuccess ) {
                $csv = array_map('str_getcsv', file('./uploads/'.$filename));
                $table = $this->info['config']['grid'];
                $fields = array();
                foreach($table as $f )
                {
                  array_push($fields,$f['field']);
                }
                //print_r($fields);
                foreach($csv as $row) {
                    $data = array();
                    foreach($fields as $key=>$val)
                    {
                        if($key != 0 )
                            $data[$val] = (isset($row[$key]) ? $row[$key] : '' ) ;  
                    }
                    //print_r($data);
                    //echo $row[0];
                    $this->model->insertRow($data ,$row[0]);    

                }

                return response()->json(array('status'  => 'success','message'=>'Csv Imported Successfully !'));              
            } else {
                return response()->json(array('status'  => 'error','message'=>'Upload Failed!'));   
            }
        } else {            
            return response()->json(array('status'  => 'error','message'=>'Please select file to Upload!'));
        }   

    }

或者像这样使用innerText：

document.querySelector("#mydiv .car span").textContent = myVariable;

MDN Reference for document.querySelector()

返回文档中与指定选择器或选择器组匹配的第一个元素。

这使得它与jQuery类似，可以使用这种选择器。

Javascript Jquery div .text在javascript中赋值

1 个答案: