小编wen*_*zel的帖子

如何获得一个数组或类似于所有 id的元素到某个div？

假设我有这样的事情:

<div id="parent-div">
    <div id="div-no-1"></div>
    <div id="div-no-2"></div>
    <div id="div-no-3"></div>
    <div id="div-no-4"></div>
</div>

然后我想要一个看起来像这样的数组

parent-div [
    0: "div-no-1",
    1: "div-no-2",
    2: "div-no-3",
    3: "div-no-3"
];

我试过这个......

$("#parent-div > div").attr("id");

...但它只给了我第一个孩子的身份证,例如div-no-1.我想要他们所有人

我正在做我的第一个项目，试图学习 Laravel，我已经到了想要创建一个对象的地步。

我已经创建并试用了它，它可以按我的意愿工作，但是我应该把它放在哪里？到目前为止，它直接位于我的控制器中，但感觉不对，而且我认为它弄乱了代码。你实际上应该把它放在哪里？有这样的地方吗？

这就是我的代码的外观，正如您所看到的，它被称为“主机”，它位于页面顶部：

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;


class Host {
    public $ipv4, $mac;

    public function __construct($ipv4, $mac){
        $this->ipv4 = $ipv4;
        $this->mac = $mac;
    }
}

class PagesController extends Controller
{
    public function index(){

        libxml_use_internal_errors(true); //ignore invalid HTML tag warnings
        $dom = new \DOMDocument();
        // Check that there's actually a file to load 
        if(!$dom->loadHTMLFile('\\\192.168.1.201\root\test.xml')){
            die('error loading xml');
        }

        // Loop through all <host> tags
        foreach ($dom->getElementsByTagName('host') as $hostKey => $host) {
            $hostAttributes = array();
            // Check for <address> tags …

我正在尝试学习 Laravel 和 vue.js 并偶然发现了一个问题。我有这个 Laravel 模型，其中包含一个 php 方法，该方法从数据库中获取数据并将其放入对象中，然后将其放入数组中。然后我想在 vue.js 组件内访问这个数组，但我不知道该怎么做。

1. 我的 Laravel 模型从数据库中获取数据并将其放入数组中的对象中

2. 我可以在不使用 vue 的情况下从我的 index.blade.php 打印出数组，如下所示：

   @foreach ($data['hosts'] as $hostsKey => $hostsValue)
       <ul>
           @foreach ($hostsValue as $hostKey => $hostValue)
               <li>{!!$hostKey!!}: {!!$hostValue!!}</li>  
           @endforeach   
       </ul>
   @endforeach
   

   Run Code Online (Sandbox Code Playgroud)

3. 是否可以通过将其放入我的 index.blade.php 而不是上面的示例来在我的 vue 组件中访问它？

   <div id="app">
       <hosts></hosts>
   </div>
   

   Run Code Online (Sandbox Code Playgroud)

   app.js 看起来像这样：

   Vue.component('host', require('./components/host.vue').default);
   
   const app = new Vue({
       el: '#app'
   });
   

   Run Code Online (Sandbox Code Playgroud)

   我的 host.vue 看起来像这样：

   <template>
       <div>
           {{ hostData }}
       </div>
   </template>
   
   <script>
       export default {
           data(){
               return{
                   hostData: /* MY PHP VARIABLE HERE …

   Run Code Online (Sandbox Code Playgroud)