小编Tus*_*har的帖子

不要推送类型为null的元素的属性

如何只将属性推送到哪个类型不为null的数组?我有以下代码:

var array = [];
var myImage = new Image();
for (var key in myImage) {
    if (typeof myImage[key] === null) {
        //code
    }
}
Run Code Online (Sandbox Code Playgroud)

javascript

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

儿童风格的CSS

我需要一些'衍生'的CSS,这是我的父css的孩子.我想将'parent'css的所有属性导入到我的'child'css中.我找不到解决方案.

例如

.red {
    color: red;
}

.more_red {
    color: red;
    border: 2 px solid red;
}
Run Code Online (Sandbox Code Playgroud)

是否有可能做一些熟悉我的伪代码的事情?

.red{
    color: red;
}
.more_red <SOME TEXT WHICH SAYS 'THIS CSS IS A CHILD OF .red'>{
    border: 2px solid red;
}
Run Code Online (Sandbox Code Playgroud)

HTML

<p class='more_red'>texty text</p> <- this only I Need 
<p class='red more_red'>texty text</p> <- not this
Run Code Online (Sandbox Code Playgroud)

编辑我需要创建一个包含所有'父'css属性的css.

html css

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

提供多个字体系列名称的意义是什么

对于项目,我下载了模板。在其style.css字体家族中,其定义为

body {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}
Run Code Online (Sandbox Code Playgroud)

arial,sans-serif,Helvetica Neue是不同的字体家族,那么,为什么在CSS中定义字体家族如上所述。

html css

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

jQuery end()不使用extend()

我有这个自定义的jQuery函数:

jQuery.fn.extend({
    disable: function () {
        return $(this).each(function () {
            // function code
        });
    }
});
Run Code Online (Sandbox Code Playgroud)

当我做这样的事情时:

container.find('input')
    .disable()
    .end()
    .hide();
Run Code Online (Sandbox Code Playgroud)

容器没有隐藏,因为在结束后我没有检索容器.如果我用像prop()或的核心函数替换disable css(),那么end()得到容器.

有没有办法让扩展函数像普通函数一样?

javascript jquery jquery-plugins

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

css针对特定的p标签

我之前问了一个类似的问题,但我找到了一个更好的方法来说出来.所以,给定一个有多个div id的html文档,每个div id里面有几个p标签.. like,like,

<div id="testing">
    <h2>Hello</h2>
    <p>this is number one</p>
    <p> this is number two </p>
</div>
<div id="testingTwo">
    <h2>hello again! </h2>
    <p> i just want this one </p>
Run Code Online (Sandbox Code Playgroud)

我如何专门针对id'测试'的第二个p标签而不影响第二个id'testingTwo'的第一个p标签?

html css

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

如何使用javascript在所有输入字段上添加readonly属性?

我想使用javascript在所有输入字段上添加readonly属性.我已使用此方法完成单输入字段,$('#someid').prop('readonly', true);但我想在编辑模式下添加到所有输入字段.

输入字段

<div class="form-group">
    <label for="Barcode">Barcode: </label>
    <input name="Barcode" id="Barcode" class="form-control" value="<?=$data['Barcode']?>" placeholder="Barcode">
</div>
<div class="form-group">
    <label for="ApplicantName">ApplicantName: </label>
    <input name="ApplicantName" id="ApplicantName" class="form-control" value="<?=$data['ApplicantName']?>" placeholder="ApplicantName">
</div>
<div class="form-group">
    <label for="SubBarcode">Reference No: </label>
    <input name="SubBarcode" id="SubBarcode" class="form-control" value="<?=$data['SubBarcode']?>" placeholder="Reference No">
</div>
<div class="form-group">
    <label for="ClientName">Client Name: </label>
    <input name="ClientName" id="ClientName" class="form-control" value="<?=$data['ClientName']?>" placeholder="Client Name">
</div>
<div class="form-group">
    <label for="ClientRefNo">Client Reference No: </label>
    <input name="ClientRefNo" id="ClientRefNo" class="form-control" value="<?=$data['ClientRefNo']?>" placeholder="Client Reference No">
</div>
<div class="form-group">
    <label for="DateOfBirth">Date Of Birth: </label> …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery function

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

如何让输出显示在一行中没有空格?

我有一个简单的Javascript问题,我正在研究,重点是......

  1. 输入一下,比如123
  2. 将输入分成单个数字,然后将这些单个数字平方,从而得到149.
  3. 显示"149"(在本例中)作为输出.

我不知道如何将其显示为149.我只能将其显示为

1

4

9

当然,我可能会尝试将其添加到数组然后循环结果......有些东西告诉我这是一个缓慢的解决方案,并且有一个更快的解决方案.这是我的代码.

function squareDigits(num) {
    //Convert input to string
    num = num + "";
    var newnum;
    var len = num.length;

    //Split into digits, and square that result baby
    for (i = 0; i < len; i++) {
        var digit = num.substr(i, 1);
        newnum = Math.pow(digit, 2);
        console.log(newnum);
    }

}

squareDigits(123);
Run Code Online (Sandbox Code Playgroud)

javascript math

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

替换第n次出现的字符串

例如:

'abcjkjokabckjk'.replace('/(abc)/g',...)
Run Code Online (Sandbox Code Playgroud)

如果我想替换指定位置'abc',我能做什么?

像这样: 在此输入图像描述

javascript regex

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

数字到单词以及十进制值计数

我正在尝试将数字转换为文本,但是当我尝试将数字与未显示的十进制值一起转换时,但是当只输入数字时没有十进制值,十进制值是完美的,十进制值为 MAX 2 位我不确定怎么办。

JS小提琴

HTML:

<input type="text" name="number" placeholder="Number OR Amount" onkeyup="word.innerHTML=convertNumberToWords(this.value)" />
<div id="word"></div>
Run Code Online (Sandbox Code Playgroud)

JavaScript:

function convertNumberToWords(amount) {
    var words = new Array();
    words[0] = '';
    words[1] = 'One';
    words[2] = 'Two';
    words[3] = 'Three';
    words[4] = 'Four';
    words[5] = 'Five';
    words[6] = 'Six';
    words[7] = 'Seven';
    words[8] = 'Eight';
    words[9] = 'Nine';
    words[10] = 'Ten';
    words[11] = 'Eleven';
    words[12] = 'Twelve';
    words[13] = 'Thirteen';
    words[14] = 'Fourteen';
    words[15] = 'Fifteen';
    words[16] = 'Sixteen';
    words[17] = 'Seventeen';
    words[18] …
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

使用 hasAttribute() get TypeError: hasAttribute is not a function

我尝试使用JavaScript找出HTML文件中<img>没有“样式”属性的元素的数量。

我的解决方案:找出<img>标签数为“ imgCount ”,然后获取<img>“style”属性为“ imgStyCount ”的标签数。之后,使用“ imgCount ”减去“ imgStyCount ”得到我想知道的最终结果。

但是,出了点问题。我的浏览器一直告诉我

类型错误:document.getElementsByTagName(...)[K].hasAttribute 不是函数

在 if 语句中。奇怪的是,alert(document.getElementsByTagName("img")[k].hasAttribute("style")显示 if 语句结果为 TRUE。它怎么可能不是函数并给出真实值?

var imgCount = 0;

var imgStyCount = 0;

var result;

for (k in document.getElementsByTagName("img")) {

  if (document.getElementsByTagName("img")[k].hasAttribute("style") == true) {

    alert(document.getElementsByTagName("img")[k].hasAttribute("style"));

    console.log("    <img> =: ", document.getElementsByTagName("img")[k].style);

    imgStyCount++;

  }

  imgCount++;

}
result = imgCount - imgStyCount;
Run Code Online (Sandbox Code Playgroud)
<img height="150px" src="Http://flax.nzdl.org/images/ngf.jpeg" style="vertical-align:middle;margin-right:20px;" />
<img src="Http://flax.nzdl.org/images/abc.jpg" />
<img src="Http://flax.nzdl.org/images/fbc.jpg" />
<img src="Http://flax.nzdl.org/images/agc.jpg" /> …
Run Code Online (Sandbox Code Playgroud)

html javascript

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

标签 统计

javascript ×7

html ×5

css ×3

jquery ×3

function ×1

jquery-plugins ×1

math ×1

regex ×1