Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript用不同的元素替换角度div_Javascript_Jquery_Angularjs - Fatal编程技术网

使用Javascript用不同的元素替换角度div

使用Javascript用不同的元素替换角度div,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我目前正在做一个网站项目,涉及使用一个通用包中的几个元素。这些元素是页眉和页脚,我无法更改这些元素,因为其他网站正在使用它们 现在我需要更改一些元素,一些文本和锚需要更改。我唯一的选择就是更换它们 我目前拥有以下要素: <div class="visible-element"> <p style="display: inline-block;" class="ng-binding">Need a hand?</p> <a href="tel:(+351)

我目前正在做一个网站项目,涉及使用一个通用包中的几个元素。这些元素是页眉和页脚,我无法更改这些元素,因为其他网站正在使用它们

现在我需要更改一些元素,一些文本和锚需要更改。我唯一的选择就是更换它们

我目前拥有以下要素:

<div class="visible-element">
<p style="display: inline-block;" class="ng-binding">Need a hand?</p>
<a href="tel:(+351) 217 907 610" class="ng-binding">(+123) 345 678 987</a>
<span>|</span>
<a href="mailto:yolo@mymail.com" class="ng-binding">yolo@mymail.com</a>
</div>

需要帮忙吗

|
此元素来自公共包。我需要的是更改email和mailto字段。因为它们没有特定的类,所以我看到的解决方案之一是替换整个元素

// replace contents
var email = "mailto:yolo@mymail.com"
$(".visible-element").html(
    $("<a>").attr("href", "mailto:" + email).text(email)
);
//替换内容
var email=“mailto:yolo@mymail.com"
$(“.visible元素”).html(
$(“”).attr(“href”,“mailto:”+电子邮件).text(电子邮件)
);
有了这个,我可以用一个只有电子邮件的元素替换上面的元素,但是我仍然需要文本和电话号码

我不知道如何连接元素以形成原始类,而是使用所需的所有元素。

您可以选择
并使用方法更改de值。要更改段落的文本,可以选择它们,然后再次使用
.text()
方法

注意:如果您有多个地方需要更改,您可以使用一个函数来执行此操作,以避免代码重复

(函数($){
$('.visible元素')
.find('p')
.text('我的新文本在此');
$('[href=“电话:(+351)217 907 610”])
.attr('href','电话:(+999)999')
.文本(“(+999)999”);
$('[href=“mailto:yolo@mymail.com"]' )
.attr('href','mailto:me@myself.com' )
.text('me@myself.com' );
}(jQuery))

需要帮忙吗

|
使用
.empty()。你已经得到了你需要的东西。