时间戳

首页 > 解决方案 > 我可以在 jQuery 的 div 中显示所有变量结果吗？

javascript - 我可以在 jQuery 的 div 中显示所有变量结果吗？

问题描述

使用 jQuery，我想获得一些元素ID名称，并且我想分别在 div 中显示它们。

在 input[type=\"radio\"]单击 s 时的片段中，我得到了一些ID基于特定类名的元素名称

如何在 div 中显示所有结果？

    $( 'li input[type=\"radio\"]' ).click(function() {
      var itemEls = $('li .colorclass');
      
      itemEls.map(function() {
        return {
          name: this.closest('[id]').id,
          value: $(this).val()
        }
      }).get().forEach(function(e, index) {
        var text = '\'' + e.name + '\': \'' + e.value + '\',';
        
         alert("I WANT TO ADD OR PASTE ALL THE RESULTS IN A DIV!" + text );

      });
      
    });
<!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>

    </head>
    <body>

    <li id="color-blue">
      <span><input type="text" value="#000" class="colorclass" ></span>
    </li>
    <li id="color-idk-white">
      <span><input type="text" value="#fff" class="colorclass" ></span>
    </li>

    <li>
      <span><input type="radio" value="color_idk_white"></span>
    </li>
    <li>
      <span><input type="radio" value="color_idk_red"></span></li>

<div class="results"></div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    </body>
    </html>

标签： javascriptjquery

解决方案

推荐阅读