小编Scr*_*ode的帖子

合并对象数组中的重复对象

我有下面的对象数组,

var data = [
    {
        label: "Book1",
        data: "US edition"
    },
    {
        label: "Book1",
        data: "UK edition"
    },
    {
        label: "Book2",
        data: "CAN edition"
    }
];
Run Code Online (Sandbox Code Playgroud)

我想基于属性'label'合并重复的对象,以便最终输出如下所示,

var data = [
    {
        label: "Book1",
        data: ["US edition", "UK edition"] //data attribute is merged
    },
    {
        label: "Book2",
        data: "CAN edition"
    }
];
Run Code Online (Sandbox Code Playgroud)

有人可以帮我确定方法吗?

javascript arrays

17
推荐指数
2
解决办法
6483
查看次数

在JSON对象的数组中找到一个值

我从JSP获得了JSON对象数组

"Titles":[                          
    {
    "Book3" : "BULLETIN 3"
    }   
    ,
    {
    "Book1" : "BULLETIN 1"
    }
    ,
    {
    "Book2" : "BULLETIN 2"
    }    
]
Run Code Online (Sandbox Code Playgroud)

在JS方面,它被解析,我看到一个包含3个对象的数组.现在,我想在传递String键时找到/识别一个值.

例如,当我通过"Book2"时,我应该得到"BULLETIN 2"的价值.有人可以帮我确定方法吗?

javascript json

15
推荐指数
2
解决办法
5万
查看次数

将css类应用于div中的"button"

我有一个包含按钮的div,如下所示,

<div id="parentDiv">
    <button id="myBtn" class="myclass">ADD ME</button>
</div>
Run Code Online (Sandbox Code Playgroud)

一个新的属性从JS添加到这个按钮,它变成如下('disabled'属性被添加)

<div id="parentDiv">
    <button id="myBtn" class="myclass" disabled="disabled">ADD ME</button>
</div>
Run Code Online (Sandbox Code Playgroud)

我正在尝试在CSS类下面应用禁用按钮,

#parentDiv button.disabled {
    color: #AAAAAA;
}
Run Code Online (Sandbox Code Playgroud)

但令我惊讶的是,这门课程没有应用于按钮.请指出正确的方向.

html css

7
推荐指数
1
解决办法
3万
查看次数

使所选图像与从javascript中的数组中选择的randomindex相同

我有一个数组音符,上面有九个jpg,一个数组项目有九个标签和九个网址.

这段代码有三个框items从数组项中随机选择3 个.

我已将随机选择的项目label放在3个框内,内部<P>标记以及数组项目背景上的相应图像

我已经将randomIndex选择中的音符的有趣图像存储到数组注释中,这被调用到box002 img src

可以将类box002拖放到显示的四个框中的相应数字.然后蓝色数字和框中的背景消失.

我现在有一个工作代码

我的问题是我想box002项目应该与盒子数字相同,现在drop是从左侧盒子开始

即如果box002数字是2,那么drop(最左边的框)应该是蓝色2数字,背景url image2

如何更改我的代码以实现此目的.

    var array2 = [];
    var items = [{
        label: '1',
        url: 'https://via.placeholder.com/150x150.jpg?text=image1'
      },
      {
        label: '2',
        url: 'https://via.placeholder.com/150x150.jpg?text=image2'
      },
      {
        label: '3',
        url: 'https://via.placeholder.com/150x150.jpg?text=image3'
      },
      {
        label: '4',
        url: 'https://via.placeholder.com/150x150.jpg?text=image4'
      },
      {
        label: '5',
        url: 'https://via.placeholder.com/150x150.jpg?text=image5'
      },
      {
        label: '6',
        url: 'https://via.placeholder.com/150x150.jpg?text=image6'
      },
      {
        label: '7',
        url: 'https://via.placeholder.com/150x150.jpg?text=image7'
      },
      {
        label: …
Run Code Online (Sandbox Code Playgroud)

html javascript html5

6
推荐指数
1
解决办法
105
查看次数

随机多彩字母

我有这个代码:

<div  id="list" rows="10"></div>
<script>
 $(function() {
   setTime();
   function setTime() {
       $.ajax({
            url : "../abc.php",
            dataType: "text",
            success : function (result) {
                $("#list").html(result);
            }           
        });
      var date = new Date().getTime();
      setTimeout(setTime, 3000);
      $('#list').html(result);
      //Here  should call a function to color all the words of the div
   }


    });
</script>

    });
Run Code Online (Sandbox Code Playgroud)

我正在尝试使用该setTime ()功能每3秒为所有字母着色.

注意:我正在尝试为一个单词的每个字母着色,换句话说,每个字母都会有一个颜色

喜欢:

https://i.imgur.com/Tw2Q58U.png

我尝试使用此代码,但它会更改整个div的颜色(div只保留一种颜色):

var randomColor = Math.floor(Math.random()*16777215).toString(16);
document.getElementById('list').style.color = '#' + randomColor

Run Code Online (Sandbox Code Playgroud)

html javascript

6
推荐指数
1
解决办法
173
查看次数

无法滚动chrome上的容器div元素(移动版)

我有一个弹出窗口div(比如parentDiv)有一个子div(比如containerDiv),它包含一组div元素,可以在桌面镶边上滚动.

<div id="parentDiv" style="position: absolute; top: 100px;">
  <div id="containerDiv" style="overflow: auto; position: relative; height: 150px;">
       <div>List 1</div> <!--Child div elements-->
       <div>List 2</div>
       <div>List 3</div>
       <div>List 4</div>
  </div>
</div
Run Code Online (Sandbox Code Playgroud)

令人惊讶的是,我能够在桌面上的chrome上滚动它,但无法在我的Tablet设备上滚动chrome.

请指出这里有什么不对.

html javascript css google-chrome

5
推荐指数
0
解决办法
799
查看次数

父 div 的滚动条与子 div 重叠

这个问题是 Chrome 特有的。

我有一个容器 div,position: fixed里面有一个弹出 divposition: fixed

仅在 Chrome 上,容器 div 的滚动条与我的弹出 div 重叠。(见附图)

请帮助我从弹出的 div 中摆脱滚动条。在此处输入图片说明

编辑: 添加代码来解释问题:

html, body {
    height: 100%;
}
body {
    margin:0;
}
#content {
    position: fixed;
    top: 5px;
    left: 0;
    right: 0;
    bottom: 5px;
    width:300px;
    overflow-y: scroll;
}
#messages {
    overflow: auto;
}
#messages .message {
    height: 79px;  
    background: #999;
    border-bottom: 1px solid #000;
}
.popup {
  position: fixed;
  width:250px;
  height:200px;
  background-color:red;
  top: 50px;
  left: 200px
}
.popup .videoTag …
Run Code Online (Sandbox Code Playgroud)

html css google-chrome

5
推荐指数
1
解决办法
1718
查看次数

为什么git要求输入提交消息来解释为什么这种合并是必要的

我在我的本地分支上有1次提交,然后将远程分支的更改带到我的本地,我git pull在我的本地分支上做了一个,我惊讶地git说这个.

# Please enter a commit message to explain why this merge is necessary,
# especially if it merges an updated upstream into a topic branch.
Run Code Online (Sandbox Code Playgroud)

我明白我是vi编辑.

我的问题是为什么 git让我输入消息.我以前从未面对过它.

我的git版本是: version 1.9.5-preview20141217

我提到了这个问题,但我仍然觉得很难理解.谢谢.

git git-pull

4
推荐指数
1
解决办法
6703
查看次数

位置2 divs彼此相邻

我的div里面有一个html,如下所示,

<div class="mainBlock">
    <div style="display: inline-block"> 
        <span>This Text-1 may be a bit lengthy</span>
    </div>

    <div style="display: inline-block;margin-left:50px">                    
        <span>This Text-2 may be a bit lengthy</span>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

以下是我在UI上的外观: 在此输入图像描述

它有足够的空间来扩展.问题是,如果第一个div中的文本很短,则右边的div会向左移动(这很明显)

现在,我需要的是左侧div应该采取一些固定的宽度,以便正确的div将始终定位在某个固定的位置.

请告知需要进行的更改.

PS我想避免给出固定宽度.我尝试给每个div提供50%的宽度,但它没有多大帮助.

html css

2
推荐指数
1
解决办法
2434
查看次数

使用Try With Resource

我有一个try catch块,如下所示.我想把它转换成一个Try-with-resource.但我无法这样做,因为我不能写更新的正常陈述try

        Connection connection = null;
        PreparedStatement preparedItemsStatement = null;
        ResultSet rs = null;
        String id = null;
        try {
            connection = getConnection();
            preparedItemsStatement = connection.prepareStatement(myQuery);
            preparedItemsStatement.setString(1, userId + "%");
            rs = preparedItemsStatement.executeQuery();
            if (rs != null && rs.next())
                id = rs.getString("SOME_ID");
        } catch (SQLException e) {
            throw new SQLException("Error running Database query ", e);
        } finally {
            try {
                if (rs != null)
                    rs.close();
                if (preparedItemsStatement != null)
                    preparedItemsStatement.close();
                if (connection != null)
                    connection.close();
            } catch …
Run Code Online (Sandbox Code Playgroud)

java try-catch

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

查找ArrayList是否包含atleat一个不同的字符串

我有一个Arraylist可能包含或不包含重复的字符串,

list = ["car", "car", "car"] 要么 list = ["car", "car", "bike", "car"]

我想知道下面的内容,

if(list contains All same strings)
 same = true
else if(list contains atleast one different element)
 same = false
Run Code Online (Sandbox Code Playgroud)

请以书面形式帮我解决上述问题.

java arraylist

0
推荐指数
2
解决办法
60
查看次数

如何将String值拆分为String数组?

我有一个String变量columnNames,其中包含我要排序的网格的列名. String columnNames = "To, From, RHVAC Technician Schedules Complete, MST Schedules Complete".

我希望将其拆分为具有4个值的字符串数组.我尝试了以下代码行:

String[] headersAllJobs = columnNames.split(" ");
Run Code Online (Sandbox Code Playgroud)

然而,当我运行此,逗号都还停留在价值,所以我有例如"To,""From,".如何在不使用逗号的情况下拆分这些值?

java split

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

关于如何在.split之后包含newLine的javascript代码

我写了一个小函数来拆分存储在变量中的字符串data

var data = "Apple|Banana";     
var _res = data.split('|');
Run Code Online (Sandbox Code Playgroud)

_res控制台上打印后,它显示为Apple,Banana。我正在寻找一个输出,其中每个String都打印在换行符上,例如,

  Apple
  Banana
Run Code Online (Sandbox Code Playgroud)

javascript

-4
推荐指数
1
解决办法
81
查看次数

标签 统计

html ×6

javascript ×6

css ×4

java ×3

google-chrome ×2

arraylist ×1

arrays ×1

git ×1

git-pull ×1

html5 ×1

json ×1

split ×1

try-catch ×1