小编And*_*L64的帖子

在div中查找特定字符串并删除其html元素

有没有办法使用JavaScript来查找特定的字符串并删除其'html元素.例如,我有以下html代码:

<div class="summary">
List of texts:
  <ul>
   <li>Text 0</li>
   <li>Text 1</li>
   <li>Text 2</li>
   <li>Text 3</li> 
   <li>Text 4</li>
   <li>Text 5</li>
  </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

我想隐藏"文本2",首先我想找到这个字符串然后隐藏它.我试过的是使用html().替换但它只隐藏文本而不是元素. 的jsfiddle

html javascript jquery

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

未捕获的ReferenceError:未定义rgba

我正在尝试制作一个可以改变字体颜色的简单动画,但我正在努力解决所述参考错误.有人能指出我正确的方向吗?我已经安装了颜色动画jQuery-plugin.

HTML:

<ul class="menu"> 
<li><a href="">ABOUT US</a></li>        
<li><a href="">CONTACT</a></li>   
</ul>
Run Code Online (Sandbox Code Playgroud)

JS:

$('.menu').find('a').on('mouseenter', function() {
    $(this).css({color: rgba(239, 231, 35, 0.8)});
});
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

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

如果为空,则摇动文本输入

我有这个 Javascript 和 HTML 代码:

<script>
window.onload = function() {
    function validate(e) {
        var username = document.getElementById('username');
        if (username.value.trim() == '') {
            username.style.backgroundColor = '#ff4c4c';
            e.preventDefault();
        } else {
            username.style.backgroundColor = null;
        }
        var password = document.getElementById('password');
        if (password.value.trim() == '') {
            password.style.backgroundColor = '#ff4c4c';
            e.preventDefault();
        }else {
            password.style.backgroundColor = null;
        }
    }
    document.getElementById('login').addEventListener('submit', validate);
}
</script>

<div id="navrow">
    <img style="float: left;" src="questerslogoresized.png" />
    <ul>
        <li>Register</li>&nbsp&nbsp&nbsp</li>
        <li>About</li>&nbsp&nbsp&nbsp</li>
        <li>Reviews</li>&nbsp&nbsp&nbsp</li>
        <form id='login'  action='<?php echo $fgmembersite->GetSelfScript(); ?>' method='post'>
            <div style="position: absolute; right: 120px;"> …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

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

ES6箭头函数返回不同的值

我是ES6的新手,我正在试图找出它之间的区别:

const func1 = (x, y) => x * y * 3
Run Code Online (Sandbox Code Playgroud)

还有这个:

const func2 = x => y => x * y * 3
Run Code Online (Sandbox Code Playgroud)

我试过运行它,我看到了func1(1,1)返回3func2(1)返回1.

  1. 一个或另一个有什么区别和好处?
  2. 在什么情况下你会使用func2?
  3. 有人可以演示如何使用func2吗?

javascript ecmascript-6 arrow-functions

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

反应.我在className中的ternar运算符有什么问题?

所以,我在一个特殊条件下有一个span带有classNames触发器的简单标签,但由于某些原因我class的内容DOM没有出现.我class没有任何相似之处<span class>...</span>.

我的标签:

      <span key={total} className={'total' + ' ' + total === 0 ? 'total--empty' : ' '}>
        {total ? total : 0}
      </span>
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

从String.slice()方法返回奇怪的结果

我的情况是将一个字符串分成字符串数组,然后将每三个字符转换为一个字符串.(例如"xxxyyy" - > ['xxx','yyy'])

const translate = function (RNA) {
    var arrRna = Array.from(RNA);
    var arr = [];
    for (var key in arrRna) {
        if ((key % 3) == 0) {
            var temp = RNA.slice( key,  (key+3));
            arr.push(temp);
        }

    }
    return arr;
}

console.log(translate('xxxyyyzzz'));
Run Code Online (Sandbox Code Playgroud)

预期结果 : ['xxx','yyy','zzz']

但我想要的结果是: [ 'xxx', 'yyyzzz', 'zzz' ]

此外,我注意到切片方法在第一次迭代中按预期工作,但在此之后,奇怪的结果 - >'yyyzzz'.为什么??

javascript string slice

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

JavaScript表单验证功能不起作用

我想验证这个表单,我写了javascript但是当我按下submit它什么也没做.

只有pattern=[a-zA-Z]工作

function validation() {
  var name = document.getElementById('name').value;
  var surname = document.getElementById('surname').value;
  var message = document.getElementById('message').value;
  var email = document.getElementById('email').value;

  if (name == '' || surname == '' || message == '' || email == '') {
    document.getElementById("eresult").innerHTML = "All fields required"
    return false;
  } else if (name.length < 2) {
    document.getElementById("eresult").innerHTML = "Name must be atleast 2 charachters"
  } else {
    return true;
  }
}
Run Code Online (Sandbox Code Playgroud)
<aside id="sidebar">
  <div class="dark">
    <form action="#" name="form" method="POST" onsubmit="return …
Run Code Online (Sandbox Code Playgroud)

html javascript forms validation jquery

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

如何在javascript中检测字符串是否包含阿姆哈拉语?

我需要检查一个字符串是否包含阿姆哈拉语,它也可以包含英语字符:

\n\n
const amharic = "\xe1\x8b\xa8\xe1\x88\x99\xe1\x8a\xa8\xe1\x88\xab test \xe1\x88\x95\xe1\x89\xa5\xe1\x88\xa8\xe1\x89\x81\xe1\x88\x9d\xe1\x8d\x8a";\namharc.match(pattern)\n
Run Code Online (Sandbox Code Playgroud)\n

javascript regex unicode unicode-string

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

导航栏隐藏在图片后面

我试图将导航菜单始终放在前面?如何让导航菜单位于我所有内容的顶部而不隐藏在它后面?

我的第二个问题是为什么当我点击导航菜单时,它有时会“闪烁”?

js

$(function() {
    // Stick the #nav to the top of the window
    var nav = $('#nav');
    var navHomeY = nav.offset().top;
    var isFixed = false;
    var $w = $(window);
    $w.scroll(function() {
        var scrollTop = $w.scrollTop();
        var shouldBeFixed = scrollTop > navHomeY;
        if (shouldBeFixed && !isFixed) {
            nav.css({
                position: 'fixed',
                top: 0,
                left: nav.offset().left,
                width: nav.width()
            });
            isFixed = true;
        }
        else if (!shouldBeFixed && isFixed)
        {
            nav.css({
                position: 'static'
            });
            isFixed = false;
        }
    });
});




$(document).ready(function() { …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

如何用颜色填充 CSS 中的 &lt;hr&gt; 分隔符?

带有 hr 分隔符的网页

我有一个带有 hr 分隔符的网页,并尝试在我的 CSS 文件中为其添加颜色,但似乎没有任何修改起作用。有人可以帮忙吗。

这是我的 CSS 文件代码:

body {
background: linear-gradient(black,white);
text-align:center;
}
#main {
    width: 1000;
    height: 600px;
    background: linear-gradient(gold, white);
    margin: 25px auto;
    border: solid 4px #FFFFFF;



}
h1 {

    text-align: center;
    font-family:"Times New Roman";
    font-size: 40pt;
    color: black;



}
hr{

    height: 6px;
    color: black;
}
Run Code Online (Sandbox Code Playgroud)

html css

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