小编hto*_*niv的帖子

jQuery html()和append()的异常行为

所以在这里,我使用这样的普通HTML创建了一个div。

<div id="prop"></div>
Run Code Online (Sandbox Code Playgroud)

通过使用jQuery选择器,我可以像动态插入html元素

var Container = $('#prop');
Container.html('<p>Hello World</p>');
Container.append('<p>This is awesome</p>');
Container.html('<p>Hello World</p>');
Container.append('<p>This is awesome</p>');
Run Code Online (Sandbox Code Playgroud)

在这里,我期望这样的输出。

Hello World

This is awesome

This is awesome 
Run Code Online (Sandbox Code Playgroud)

但是原始输出是

Hello World

This is awesome
Run Code Online (Sandbox Code Playgroud)

我不明白为什么会这样。如果我问错了,请纠正我。提前致谢

html javascript jquery

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

为什么空和零的和为零

null我们都知道和之间的区别zero


“零”是一个值。它是唯一的、已知的零量,在算术和其他数学中是有意义的。

Null
“Null”是一个非值。它是未知或未指定的数据值的“占位符”。不能对 null 执行数学运算。

那怎么可能

[1,空+空] ---> [1,0]
[1,空+1] ---> [1,1]

所以这里null采用零作为默认值并进行算术运算。这个操作背后有什么原因吗?

javascript null

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

javascript获取最后一个重复值索引javascript

我有一个像这样的阵列
var arr = [0, 0, 0, 0, 1, 2, 3, 3, 3, 3, 3, 3, 3, 3, 4, 4, 5, 5, 5, 5, 5, 5, 5].

所以它包含重复的值.在这里,最后一个索引值
'0'是'3',
'1'是'4',
'2'是'5',
'3'是'13',
依此类推.
我计算了总重复值

var counts = {};
arr.forEach(function(x) { counts[x] = (counts[x] || 0)+1; })
Run Code Online (Sandbox Code Playgroud)


但我想知道最后一个重复值索引.请帮我.
提前致谢

javascript arrays

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

使用 jquery 将类名添加到附加子元素

我有一张这样的桌子。

<table id='table1'>
</table>
Run Code Online (Sandbox Code Playgroud)

在这个表中,我使用 jquery 动态地将行添加到表中,如下所示。

var tbl = $("#table1");
tbl.append('<tr></tr><tr></tr><tr></tr>');
Run Code Online (Sandbox Code Playgroud)

我可以使用 2 种方法将类添加到附加行,如下面的
情况 1

tbl.find('tr').eq(0).addClass("test");
tbl.find('tr').eq(1).addClass("test");
Run Code Online (Sandbox Code Playgroud)

情况2

for (var i=0;i<tbl.find('tr').length;i++) {
    tbl.find('tr').eq(i).addClass("test")
}
Run Code Online (Sandbox Code Playgroud)

我的问题是有什么方法可以将相同的类名添加到动态附加的行中。期待在 jquery 中得到答案。提前致谢。

javascript jquery

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

使用css显示和隐藏元素不起作用

我有一个无序列表元素包含这样的元素列表.

<div class="menu">
<ul>
<li class="menu-x">x1</li><li class="menu-x">x2</li><li class="menu-x">x3</li>
<li class="menu-y">y1</li><li class="menu-y">y2</li><li class="menu-y">y3</li>
<li class="menu-z">z1</li><li class="menu-z">z2</li><li class="menu-z">z3</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)

而在使用display: inline;.it 时,css 没有显示或隐藏特定元素.所以这是我的CSS.

div.menu li{
  display: inline;
  border-radius:2px;
  font-size:12px;
  margin:5px;
  box-shadow:0 0px 5px #FFFFFF;
  padding:7px 7px 0px 7px;
}
li.menu-y{
  display:none;
}
li.menu-z{
  display:none;
}
Run Code Online (Sandbox Code Playgroud)

小提琴就在这里

html javascript css

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

如何在 jQuery 中使用 $("body").append() 添加多个 HTML 代码?

我正在尝试使用 jQuery 制作一个小书签,但在使用 $("body").append(" "); 在正文中附加多个 HTML 命令时遇到语法错误。有没有其他方法可以使用 jQuery 附加多个 HTML 命令?

实际上,我是参考教程制作这个书签的: https: //www.smashingmagazine.com/2010/05/make-your-own-bookmarklets-with-jquery/

我什至发送了书签的代码:

小书签.js

(function () {

    var v = "1.3.2";

    if (window.jQuery === undefined || window.jQuery.fn.jquery < v) {
        var done = false;
        var script = document.createElement("script");
        script.src = "http://ajax.googleapis.com/ajax/libs/jquery/" + v + "/jquery.min.js";
        script.onload = script.onreadystatechange = function () {
            if (!done && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete")) {
                done = true;
                initMyBookmarklet();
            }
        };
        document.getElementsByTagName("head")[0].appendChild(script);
    } else {
        initMyBookmarklet();
    } …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

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

ReferenceError $ timeout未定义angularjs

在这里,我使用$ timeout在javascript forloop中添加延迟.出乎意料的是我得到一个错误,说
没有定义ReferenceError $ timeout.我是angularjs的新手,请帮助我. PLNKR


function CompLibrary() {
  return {
    init: init
  }
  function init(dependencies, controller) {
    dependencies.push(controller);
    angularApp.controller('MainCtrl', dependencies);
  }
}
var compX = CompLibrary();
compX.init(deps, _controller);
function _controller() {
  var ViewModel = this;
  ViewModel.search = "Name";
  ViewModel.quantity = 1;

  for(var i = 0; i < 4; i++) {
    (function(i){ 
        $timeout(function() {
            ViewModel.quantity++;
        }, i * 2000);
    })(i); // Pass in i here
  }

}
Run Code Online (Sandbox Code Playgroud)

javascript angularjs

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

如果过程完成,在进度条中画一个刻度线

我用 CSS 和 HTML 创建了一个简单的进度条。在这里,我使用了三个类 active、inactive 和 done。

.container {
  width: 600px;
  margin: 100px auto;
}

.progressbar li {
  list-style-type: none;
  width: 25%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  color: #7d7d7d;
}

.progressbar li:before {
  width: 30px;
  height: 30px;
  content: "";
  line-height: 30px;
  border: 2px solid #7d7d7d;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: white;
}

.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #7d7d7d;
  top: 15px;
  left: -50%; …
Run Code Online (Sandbox Code Playgroud)

html css

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

在javascript中组合N个数组值

var arr= [[1,2,3],[1,2],[1,2,3,4]];
Run Code Online (Sandbox Code Playgroud)

以下是我的静态样本数组.这里我做的是组合第一,第二和第三个数组值.

for (var a1=0;a1<arr[0].length;a1++) {
    for (var a2=0;a2<arr[1].length;a2++) {
        for (var a3=0;a3<arr[2].length;a3++) {
            console.log(arr[0][a1]+""+arr[1][a2] + "" +arr[2][a3]);
        }
    }
}
//Output
//111,112,113,114,121,122,123,124
//211,212,213,214,221,222,223,224
//311,312,313,314,321,322,323,324
Run Code Online (Sandbox Code Playgroud)

[[1,2,3],[1,2]]
所以在这里我如何组合价值观// 11,12,21,22,31,32

所以将来阵列不会是静态的.是否有任何内置的JavaScript函数来做同样的事情

或者我怎样才能让这种动态变化?

javascript arrays jquery

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

标签 统计

javascript ×8

html ×4

jquery ×4

arrays ×2

css ×2

angularjs ×1

null ×1