小编Roh*_*rma的帖子

使用jquery替换类后如何添加类

实际上,我有下面给出的代码。

$('p').replaceWith(function() {
  return $('<div>', {
    html: $(this).html()
  })
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

实际上,我<p><div>它的工作正常替换了所有标签,但现在我想添加一个类,<div>那么我该如何添加呢?

html javascript css jquery

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

datetimepicker 不适用于 bootstrap 4?

<script>
    $(function(){
        $('#dob').datetimepicker();
    });
</script>
Run Code Online (Sandbox Code Playgroud)
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" integrity="sha256-yMjaV542P+q1RnH6XByCPDfUFhmOafWbeLPmqKh11zo=" crossorigin="anonymous" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js" integrity="sha256-4iQZ6BVL4qNKlQ27TExEhBN1HFPvAvAMbFavKKosSWQ=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js" integrity="sha256-5YmaxAwMjIpMrVlK84Y/+NjCpKnFYa8bWWBbUHSBGfU=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.js" integrity="sha256-2JRzNxMJiS0aHOJjG+liqsEOuBb6++9cY4dSOyiijX4=" crossorigin="anonymous"></script>

<div class="col-md-6">
    <div class="form-group">
        <div class="input-group" id="dob">
            <input type="text" class="form-control" placeholder="Date Of Birth">
            <div class="input-group-append">
            <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript jquery bootstrap-datetimepicker bootstrap-4

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

如何在 JavaScript 中使用反引号在 html 代码中使用变量?

我有一个变量,使用 JavaScript 反引号定义了几个值。如何使用带有反引号的另一个变量?

var liElem = '';
$('button').click(function(){
var newData = 'This is new data'

liElem = `<ul>
                <li class=" ' + newData + ' ">Good news</li>
                        <li class="icon-text-dark-yellow">Fair</li>
                        <li class="icon-text-dark-red">Poor</li>
                        <li class="icon-text-light-gray">N/A</li>
                    </ul>`;
                    
                    
console.log(liElem);
                    });
                    
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button>click</button>
Run Code Online (Sandbox Code Playgroud)

为什么newData变量里面不可读?JavaScript 反引号?有没有办法做到这一点?

答案将不胜感激!

html javascript css jquery

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

为什么我得到这种 (rgb(204, 204, 204) 无重复滚动 0% 0% / 自动填充框边框框) 格式的背景颜色?

我在LI哪里给出了一个background-color: #ccc;,基本上我想在变量中获取背景颜色,现在我rgb(204, 204, 204) none repeat scroll 0% 0% / auto padding-box border-box在变量中获取这种格式,但我想要这种rgb(204, 204, 204)格式,这段代码有什么问题吗?

我尝试过:-

$('.response-box').on('click', '.color-box ul li', function() {
  var colorBoxListBgColor = $(this).css('background');
  console.log(colorBoxListBgColor);
});
Run Code Online (Sandbox Code Playgroud)
.color-box ul li {
  background-color: #ccc;
  color: #ccc;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="response-box">
  <div class="color-box">
    <ul>
      <li></li>
    </ul>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

单击LI以检查控制台中的输出。

回答将不胜感激!

html javascript css jquery

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

如何在 JavaScript 中从数组对象中查找值?

我有一个数组对象,and如果它能在该数组中找到,我想返回它,否则它将返回or我只想返回值而不是键。

目前它返回对象并且我只需要值。

const arrObj = [
    {
        "relation_type": "undefined"
    },
    {
        "relation_type": "or"
    },
    {
        "relation_type": "and"
    },
    {
        "relation_type": "or"
    },
    {
        "relation_type": "or"
    }
]


let obj = arrObj.find((o) => {
      if (o.relation_type === "and") {
        return true;
      }
});

console.log(obj);
Run Code Online (Sandbox Code Playgroud)

感谢您的支持!

javascript

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

如何在reactjs中一起使用“event.target.value”和“event.target.checked”?

我有几个输入字段,很少是类型文本,很少是类型复选框,我现在如何才能将所有字段值放在一起,我一次只能输入一个,如下例所示:-

handleChange = event => {
    this.setState({ [event.target.name]: event.target.value });
    this.setState({ [event.target.name]: event.target.checked });
};
Run Code Online (Sandbox Code Playgroud)

我无法同时使用两者。它出什么问题了?

感谢你付出的努力!

javascript reactjs

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

如何从多个嵌套数组中提取字符串?

我有多个数组。现在我尝试合并所有数组,但没有得到我期望的结果。

我只需要检索按字母顺序排列的列表中的所有主题。

这是我的代码:-

result = [
    {
        "id": 1,
        "name": "Pre Clinical",
        "subject": [
            {
                "id": 1,
                "name": "Human Physiology",
                "topic": [
                    {
                        "id": 1,
                        "name": "Topic 1"
                    },
                    {
                        "id": 2,
                        "name": "Topic 2"
                    },
                    {
                        "id": 3,
                        "name": "Topic 3"
                    },
                    {
                        "id": 4,
                        "name": "Topic 4"
                    }
                ]
            },
            {
                "id": 15,
                "name": "Anatomy",
                "topic": []
            },
            {
                "id": 16,
                "name": "Biochemistry",
                "topic": []
            }
        ]
    },
    {
        "id": 2,
        "name": "Para Clinical",
        "subject": [
            {
                "id": …
Run Code Online (Sandbox Code Playgroud)

javascript arrays

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