使用javascript选择每个表列

Question

识别“div”的每一列span“table使用javascript返回每列的数组。

fiddle:

我不知道怎么做，如果有人可以帮我这个：|

我尝试了document.querySelectorAll("")，但我不知道如何从上到下进行迭代......

Answer 1

你想要这个吗？在整页中打开示例

＆＃13;

＆＃13;

using Microsoft.AspNetCore.Mvc;

namespace WebApp.Controllers
{
    public class HomeController : Controller
    {        
        public IActionResult About()
        {
            if (HttpContext.Request.IsHttps)
            {
                // How to get more information about the transport layer ?

                ViewData["Message"] = "Connection via TLS/SSL - ... missing details ...";
            }

            return View();
        }        
    }
}

＆＃13;

var temp = -1;
var arr = [];

$('span').on('click', function(){
   
  if(temp !== -1){
    $('div.row span:nth-child(' + (temp + 1) + ')').css({'color': 'black', 'font-weight': 'normal'});  
  }

  var index = $(this).index();
  arr = $('div.row span:nth-child(' + (index + 1) + ')').css({'color': 'red', 'font-weight': 'bold'});
  temp = index;
  
  Array.prototype.forEach.call(arr, x => console.log(x));
})

＆＃13;

.table {
    display:table;
    border: 3px solid #555;
    border-collapse: collapse;
    margin: 0 auto;
    width: 50%;
    margin-top:20px;
}

.row {
    display:table-row;
}

.rowGroup {
    display:table-row-group;
}

.cell {
    display:table-cell;
    width:2%;
    text-align: center;
    border: 2px dotted green;
}

＆＃13;

＆＃13;

＆＃13;