小编Tus*_*har的帖子

jquery将键和值推入数组

我有以下方式的初始数组:

var bankNamesList = [{
    'BARODA': 'BARODA'
}, {
    'AB': 'AB'
}];
Run Code Online (Sandbox Code Playgroud)

然后我循环这些值并附加到主变量并构建一个下拉列表

var bankNames = '<ul class="root" id="exp-bank-names">';
$.each(bankNamesList, function() {
    $.each(this, function(name, value) {
        bankNames += '<li><a href="#" name="' + name + '">' + value + '</a></li>';
    });
});
bankNames += '</ul>';
$('.submenu-bank-list').html(bankNames);
Run Code Online (Sandbox Code Playgroud)

如何将新值推送到数组中.

我尝试了以下方式,但没有运气.

var nameAttr = 'SBI';    
bankNamesList.push({nameAttr:nameAttr});
Run Code Online (Sandbox Code Playgroud)

jquery

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

如何切换我的叠加层,以便在单击其他链接时关闭?

我对单页网站有叠加效果.我有两个叠加的两个链接.单击第二个链接后,第一个叠加层不会关闭,并显示两个叠加层.如何关闭初始叠加层?

HTML:

<nav id="menuheader">
    <ul style="display:block;">
        <li>
            <div class="about link" data-link="overlay-about"> About </div>
        </li>
        <li>
            <div class="service link" data-link="overlay-service"> Services </div>
        </li>
        <li>
            <div class="contact link"> Contact </div>
        </li>
    </ul>
</nav>
<aside class=" overlay overlay-about overlay-contentscale">
    <div class="overlay_close"></div>
</aside>
<aside class="overlay overlay-service overlay-contentscale ">
    <div class="overlay_close"></div>
</aside>
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

$(".link").on('click', function(e) {
    e.preventDefault();
    var currentClass = $(this).data("link");
    $("aside." + currentClass).addClass("open");

})
$('.overlay_close').on('click', function() {
    if ($('.overlay').hasClass('open')) {
        $("aside.overlay").removeClass("open");
        $(".overlay").addClass('close');
        $('.overlay').removeClass('close');
    }
});
Run Code Online (Sandbox Code Playgroud)

如果你可以请使用Javascript,而不是JQuery.

html javascript jquery

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

如何在页面加载/使用Javascript时自动打开仅限CSS的弹出窗口?

我创建了仅限CSS的弹出窗口,只能通过单击链接/按钮来工作.我想在页面加载时自动显示此弹出窗口.此外,如何打开此弹出窗口,而无需单击链接/按钮即使用Javascript/jQuery.

小提琴

.modalDialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
.modalDialog:target {
  opacity: 1;
  pointer-events: auto;
}
.modalDialog > div {
  width: 400px;
  position: relative;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 10px;
  background: #fff;
  background: #339999;
}
.close {
  background: #606061;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

在移动设备或特定分辨率下添加 &lt;br&gt; 标签

我想为移动视图分辨率添加 br 标签,如 320px - 480px。我试过 margin top , bottom 但没有用。所以请帮助我。

我想在这两个锚标签之间添加 br 标签。下面两个这样的标签。

<a class="ww" href="counseller.html">Career Counsellor</a> 
<a class="xx" href="mentors.html"> Career Mentor</a>
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

为什么onclick不能正常工作而不返回false

为什么onclick方法没有返回false就无法工作.当我尝试使用它而不返回false它显示答案然后值消失..

<form id="form1" method="POST">
    <table style="border:1px solid black">
        <tr>
            <td>First Number</td>
            <td>
                <input type="text" id="first">
            </td>
        </tr>
        <tr>
            <td>Second Number</td>
            <td>
                <input type="text" id="second">
            </td>
        </tr>
        <tr>
            <td>Result</td>
            <td>
                <input type="text" id="result">
            </td>
        </tr>
        <td>
            <button id="btn" value="Add" onClick="addNumbers();return false;">Add</button>
        </td>
    </table>
</form>
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

function addNumbers() {
    var firstNumber = document.getElementById('first').value;
    var secondNumber = document.getElementById('second').value;

    document.getElementById('result').value = firstNumber + secondNumber;
}
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

html javascript

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

Javascript:undefined作为函数参数

在此页面上,它显示了一些示例代码,包含以下行:

var Subject = ( function( window, undefined ) {
Run Code Online (Sandbox Code Playgroud)

什么是undefined函数参数?

javascript parameters undefined

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

如何使用 Javascript 动态替换 JSON 对象键中的空格?

如何动态替换 JSON 对象键中的空格?例如,如果我有以下对象:

[{
    "FIRST NAME": "Philip",
    "LAST NAME": "Rivers",
    "NUMBER": "17",
    "GPA": "1.0",
    "OLD_FACTOR": "8",
    "NICENESS": "1"
}, {
    "FIRST NAME": "Peyton",
    "LAST NAME": "Manning",
    "NUMBER": "18",
    "GPA": "4.0",
    "OLD_FACTOR": "5000",
    "NICENESS": "5000"
}]
Run Code Online (Sandbox Code Playgroud)

我希望能够将“名字”和“姓氏”分别动态重命名为“FIRST_NAME”和“LAST_NAME”。根据迄今为止的研究,我有这个功能:

function replaceSpaces(data) {
    debugger;
    for (var i = 0; i < data.length; i++) {
        var obj = data[i];
        for (var key in obj) {
            var replacedKey = key.split(' ').join('_');
            data[i][obj] = replacedKey;
        }
    }

    return data;
}
Run Code Online (Sandbox Code Playgroud)

传入的“data”参数是一个在进入此函数之前已经运行过 JSON.parse 的对象。

我对这段代码的问题是,它很好地循环遍历键,并将正确的替换字符串分配给“replacedKey”,但它没有将其分配给原始数据对象。

javascript json

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

在JavaScript字符串中将' - '替换为' - '

我试图用双破折号替换字符串中的单个破折号' - '字符.

2015–09–01T16:00:00.000Z

to be

2015-–09-–01T16:00:00.000Z
Run Code Online (Sandbox Code Playgroud)

这是我正在使用的代码,但它似乎没有工作:

var temp = '2015–09–01T16:00:00.000Z'
temp.replace(/-/g,'--')
Run Code Online (Sandbox Code Playgroud)

javascript string

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

删除每个数组元素开头的空格

我不得不将split()一个大字符串放入一个数组中,无论它工作的方式如何,我现在在每个元素之前留下一个空格.

例如:

var array = [" hello"," goodbye"," no"];
Run Code Online (Sandbox Code Playgroud)

我怎么能摆脱这个?

按要求拆分代码:

var depots = v.innerHTML.split(',');
Run Code Online (Sandbox Code Playgroud)

javascript arrays

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

完全匹配8位数的Java RegEx

我有一个简单的RegEx,它应该寻找8位数字:

String number = scanner.findInLine("\\d{8}");
Run Code Online (Sandbox Code Playgroud)

但事实证明,它也匹配9位以上的数字.如何修复此RegEx以匹配8位数?

例如:12345678应该匹配,而1234567和123456789不应该匹配.

java regex

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

标签 统计

javascript ×8

html ×4

jquery ×4

css ×2

arrays ×1

java ×1

json ×1

parameters ×1

regex ×1

string ×1

undefined ×1