小编mpl*_*jan的帖子

无法创建对象数组

我有一个包含对象数组的数组.这是一个例子:

[ [{name: Alex, number: 2}, {name: Bill, number: 3}],  [{name: John, number: 5}, {name: Aston, number: 7}]]
Run Code Online (Sandbox Code Playgroud)

我想创建另一个数组,其中包含上述数组数组的所有对象,如下所示:

[{name: Alex, number: 2}, {name: Bill, number: 3}, {name: John, number: 5}, {name: Aston, number: 7}] 
Run Code Online (Sandbox Code Playgroud)

我写了下面的代码:

const productsInfoArray = [];
const productsRecords = customerContacts.map(i => i.products).map(product => {
  product.map(i => productsInfoArray.push(i));
  return productsInfoArray;
});
Run Code Online (Sandbox Code Playgroud)

但是当我console.log(productsRecords)返回一个包含所有信息的数组数组时.问题是此数组包含所需数组的12倍,因为customerContacts长度为12

javascript arrays mapping

0
推荐指数
1
解决办法
72
查看次数

如何覆盖javascript类中的var?

我学会创建自己的库.这对我来说是新的.我开始学习这个库,如果你看到,我有类似的clear function库,但我的代码没有替换var history.

初始值: var history = [];

显示():返回 []

添加('asd'): history[0] = 'asd';

显示():返回 [asd]

清除:将var历史记录恢复为空 var history = []

Show():返回[asd]我的期望[]

这是我的代码:

;(function() {
  'use strict';
  var testLib = function() {
    var index = -1,
      history = [];
    return {
      add: function(data) {
        history[history.length] = data;
      },
      show: function() {
        return history;
      },
      clear: function() {
        var index = -1,
          history = [];
      }
    };
  };

  window.testLib = testLib;
}()); …
Run Code Online (Sandbox Code Playgroud)

javascript jquery

0
推荐指数
1
解决办法
64
查看次数

如何在没有 jQuery 的情况下获取一组已检查的无线电输入?

我有一组这样的单选按钮输入:

<input type="radio" name="fruit" id="pear">
<input type="radio" name="fruit" id="apple">
<input type="radio" name="fruit" id="banana">
Run Code Online (Sandbox Code Playgroud)

有没有一种方法可以在不使用jQuery 的情况下获取选中的单选按钮输入的 id ?

感谢您的帮助。

html javascript dom

0
推荐指数
1
解决办法
402
查看次数

jQuery - 如何在使用jQuery元素变量时获得选择的选项?

我知道我可以得到所选元素的值,如下所示:

console.log(
    jQuery('.foo select option:selected').val()
);
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="foo">
  <select>
    <option>A</option>
    <option>B</option>
    <option selected>C</option>
    <option>D</option>
  </select>
</div>
Run Code Online (Sandbox Code Playgroud)

但是,如果我使用选项初始化变量,它是如何工作的?我试过这样,但没有成功:

var $option = jQuery('.foo select option');

console.log(
    $option.find("selected").val()
);
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="foo">
  <select>
    <option>A</option>
    <option>B</option>
    <option selected>C</option>
    <option>D</option>
  </select>
</div>
Run Code Online (Sandbox Code Playgroud)

jquery

0
推荐指数
1
解决办法
40
查看次数

需要优雅的方法从Javascript中的json地图中提取值作为String

我是一个JS新手试图从一组json地图中提取一些值.地图是这样的:

var  tags = [{
    Key: 'backup',
    Value: 'true'
  },
  {
    Key: 'Name',
    Value: 'sdlc-root'
  }
]

// Here is my first attempt:

var volName = tags.filter(function(item) {
    return item.Key === 'Name';
  })
  .map(result => {
    return result.Value;
  });
console.log(volName);
Run Code Online (Sandbox Code Playgroud)

结果是: [ 'sdlc-root' ] ,但我只需要String值.

我现在采取的临时解决方案是:

var volName = tags.filter(function(item) { return item.Key === 'Name'; })
                  .map(result => { return result.Value; })**[0]**;
console.log(volName);    
Run Code Online (Sandbox Code Playgroud)

结果是: sdlc-root

我讨厌我的临时解决方案,并希望听到一些改进建议或经验丰富的开发人员的替代方案

javascript

0
推荐指数
1
解决办法
58
查看次数

生成随机数并在页面加载后在div中显示它们(DOM js)

我正在尝试生成随机数,并在每次页面加载时将其显示在div中.问题是它不起作用,并且最重要的是浏览器中的js控制台与某些令牌有问题.我认为他们是对的(下面的代码),但即使我试图改变它们,它仍然说同样的事情.你知道问题出在哪里吗?谢谢!

window.addEventListener('load', function() {
  function generateRandomNumber();
  document.querySelector("#text").textContent = "The number is " + rnum + ".";
})

function generateRandomNumber() {
  var rnum = (Math.floor(Math.random() * 20) + 1);
  return rnum;
}
Run Code Online (Sandbox Code Playgroud)
<div id="count">
  <div id="text">
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript dom

0
推荐指数
1
解决办法
27
查看次数

如何提取所有包含特定元素(不是 class、span、a 或 li)的 div?

我正在尝试从包含以下许多 div 的网页中提取内容(显然所有数据都具有不同的数据,除了初始部分):

<div data-asin="B007R2E578" data-index="0" 
  class="sg-col-20-of-24 s-result-item sg-col-0-of-12 sg-col-28-of-32 sg-col-16-of-20 AdHolder sg-col sg-col-32-of-36 sg-col-12-of-16 sg-col-24-of-28">
  <div class="sg-col-inner">
Run Code Online (Sandbox Code Playgroud)

所有这些 div 的开头都相同:<div data-asin=

我正在尝试使用 Beautifulsoup 中的 find_all 函数提取所有这些:

structure = soup.find_all('div','data-asin=')
Run Code Online (Sandbox Code Playgroud)

但是它总是返回一个空列表。

我不想使用正则表达式。

BeautifulSoup中是否有任何函数可以获取所有这些div?

html css python beautifulsoup web-scraping

0
推荐指数
1
解决办法
1636
查看次数

是否可以使用javascript / jquery在包含target =“ _ blank”的网页中选择所有锚标签?

我试图在包含target =“ _ blank”属性的网页中选择所有锚标签。

我搜索了其他问题,但找不到合适的解决方案。

<a href="https://wclink.co/link/22523/121674/4/83501" 
data-store="Frontgate" data-vars-store="Frontgate" 
data-vars-outbound-link="https://wclink.co/link/22523/121674/4/83501" rel="nofollow" 
target="_blank" 
data-gtm-trigger="callout_product_link_button"><span>$30</span> from <span>Frontgate</span></a>
Run Code Online (Sandbox Code Playgroud)

我想使用javascript / jquery在整个页面中包含一个包含所有target =“ _ blank”的列表或数组对象。

谢谢

html javascript jquery

0
推荐指数
1
解决办法
39
查看次数

选择$('p')。get()长度与预格式化标签不符

我现在正在学习jQuery,因此我正在测试一些基本内容,但遇到了一些小问题。

我有这个-当我点击按钮时,它会提示我“ 4”!怎么了?

var paragrafi;

$(function() {
  paragrafi = $('p').get();
});

function test() {
  alert(paragrafi.length);
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>
  First paragraph.
</p>

<p>
  <pre>
Second paragraph with some preformatted code.
</pre>
</p>

<p>
  Third paragraph.
</p>

<button onClick="test()">TEST</button>
Run Code Online (Sandbox Code Playgroud)

jquery

0
推荐指数
1
解决办法
32
查看次数

将“textarea”高度保持为“100%”不起作用

我在左列中保留了一些输入元素,在右列中只保留了textarea,我试图将高度添加到100%等于左列。但由于某种原因它不起作用。

.popup {
  border: 1px solid red;
  background: rgba(000, 000, 000, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

form,
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

form {
  display: flex;
  flex-wrap: wrap;
  border: 1px dotted gray;
  width: 25rem;
}

fieldset {
  width: 50%;
  background: #333;
  padding: 0.5em;
  margin: 0;
  box-sizing: border-box;
}

form label {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
}

form …
Run Code Online (Sandbox Code Playgroud)

javascript css flexbox

0
推荐指数
1
解决办法
63
查看次数

标签 统计

javascript ×7

jquery ×4

html ×3

css ×2

dom ×2

arrays ×1

beautifulsoup ×1

flexbox ×1

mapping ×1

python ×1

web-scraping ×1