小编Sud*_*n S的帖子

如何使用Javascript比较两个数组是否相等?

我希望数组的位置也相同,值也相同.

var array1 = [4,8,9,10];
var array2 = [4,8,9,10];
Run Code Online (Sandbox Code Playgroud)

我试过这样的

var array3 = array1 === array2   // returns false
Run Code Online (Sandbox Code Playgroud)

javascript arrays jquery

41
推荐指数
5
解决办法
13万
查看次数

将CSS背景颜色应用于第3个孩子3到10的最简单方法

我想将CSS背景颜色应用于第3个孩子的第3个孩子

    <div class="roundperiodbg" id="roundPeriod1" title="PERIOD 1"></div>
    <div class="roundperiodbg" id="roundPeriod2" title="PERIOD 1"></div>

    <div class="roundperiodbg" id="roundPeriod3" title="PERIOD 2"></div>
    <div class="roundperiodbg" id="roundPeriod4" title="PERIOD 2"></div>
    <div class="roundperiodbg" id="roundPeriod5" title="PERIOD 2"></div>
    <div class="roundperiodbg" id="roundPeriod6" title="PERIOD 2"></div>
    <div class="roundperiodbg" id="roundPeriod7" title="PERIOD 2"></div>
    <div class="roundperiodbg" id="roundPeriod8" title="PERIOD 2"></div>
    <div class="roundperiodbg" id="roundPeriod9" title="PERIOD 2"></div>
    <div class="roundperiodbg" id="roundPeriod10" title="PERIOD 2"></div>

    <div class="roundperiodbg" id="roundPeriod11" title="PERIOD 3"></div>
    <div class="roundperiodbg" id="roundPeriod12" title="PERIOD 3"></div>
    <div class="roundperiodbg" id="roundPeriod13" title="PERIOD 3"></div>
    <div class="roundperiodbg" id="roundPeriod14" title="PERIOD 3"></div>
    <div class="roundperiodbg" id="roundPeriod15" title="PERIOD 3"></div>
    <div class="roundperiodbg" id="roundPeriod16" title="PERIOD …
Run Code Online (Sandbox Code Playgroud)

html css css-selectors css3

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

从所有 div 元素中删除类

我有一组主题。我试图循环遍历它们,并根据我指定的秒数一次向它们添加“glow”类。当一个元素发光时,前一个元素不应再发光。

<div class="center" id="topics">
    <div class="row">
        <div class="topic" id="fade1">Introduction and Overview</div>
        <div class="topic" id="fade4">Topic 6</div>
        <div class="topic" id="fade7">Accounting Topic</div>
    </div>
    <div class="row">
        <div class="topic" id="fade2">Topic Navigation</div>
        <div class="topic" id="fade5">Topic Changes</div>
        <div class="topic" id="fade8">Topic 8</div>
    </div>
    <div class="row">
        <div class="topic" id="fade3">More Topics</div>
        <div class="topic" id="fade6">Elements</div>
        <div class="topic" id="fade9">Conclusion</div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

这就是我定义它们发光的秒数间隔的方式。因此,当其中一个发光时,其余的应该不再发光。

$.glowElements([
    {target: "#fade1", seconds: 4},
    {target: "#fade2", seconds: 9},
    {target: "#fade3", seconds: 20},
    {target: "#fade4", seconds: 22}, 
    {target: "#fade5", seconds: 23},
    {target: "#fade5", seconds: 24}                              
]);
Run Code Online (Sandbox Code Playgroud)

我处理发光的代码:

$.glowElements = function(list){ …
Run Code Online (Sandbox Code Playgroud)

jquery

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

在IFrame中不会发生事件冒泡

我认为这是一个无辜的问题,但实际上我还不知道答案。

我们都知道,事件冒泡将事件定向到其预期的目标,其工作方式如下:单击按钮并将事件定向到该按钮。如果为该对象设置了事件处理程序,则会触发该事件。如果没有为该对象设置事件处理程序,则该事件会冒泡(就像水中的气泡一样)到达对象父对象。

HTML部分

<div>
  <iframe>
    <a>Clickable fdf Area</a>
  </iframe>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript部分

    $('div iframe').load(function(){
    var iframeBody = $(this).contents().find("body");
  iframeBody.html("<a href='www.google.com'>clickable area</a>");
  iframeBody.on("click", "a", function(){
    alert(22222);
  });
 document.getElementsByTagName("div")[0].addEventListener("click", function(event){
        alert(11111);
 }, true);

});
$('iframe').attr("src","JavaScript:'iframe content'");
Run Code Online (Sandbox Code Playgroud)

我的问题很清楚。当我尝试单击iframe'a'标签时,为什么我没有收到警报(11111)?为什么不保留事件冒泡?通过代码访问事件冒泡的方法是什么?

另请参阅小提琴链接

html javascript iframe jquery events

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

仅为父div范围5到9添加文本

<div id="parent1"></div>
<div id="parent2"></div>
<div id="parent3"></div>
<div id="parent4"></div>
<div id="parent5"></div>
<div id="parent6"></div>
<div id="parent7"></div>
<div id="parent8"></div>
<div id="parent9"></div>
<div id="parent10"></div>
<div id="parent11"></div>
Run Code Online (Sandbox Code Playgroud)

如果我使用它,它将通过所有div

$("[id^=parent]").text('hai'); 
Run Code Online (Sandbox Code Playgroud)

我只想要5到9个div的父文本有"hai"文本

有任何想法吗?

javascript jquery

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

通过CSS颜色第n个元素

我有一个阵列

var arr = [2,5,8,11,14,17,....];
Run Code Online (Sandbox Code Playgroud)

使用此数组我们必须为li元素应用css背景

HTML:

      <ul>
     <li>testing</li>
     <li>testing</li> // -->2nd li be green 
     <li>testing</li>
     <li>testing</li>
     <li>testing</li> // -->5th li be green
     <li>testing</li>
     <li>testing</li>
     <li>testing</li> // -->8th li green like this
     <li>testing</li>
     <li>testing</li>
     <li>testing</li>
     <li>testing</li>
     <li>testing</li> 
    <li>testing</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我试过了

ul li:nth-child(2n + 2){

       color: green;
  }
Run Code Online (Sandbox Code Playgroud)

任何帮助???

html css arrays

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

标签 统计

jquery ×4

html ×3

javascript ×3

arrays ×2

css ×2

css-selectors ×1

css3 ×1

events ×1

iframe ×1