jquery - 更改html <b>标记的内容

时间:2016-04-07 06:34:47

标签: javascript jquery html css

我有一组框架和html页面。我从另一个html页面选择了一个框架html元素,我想用jquery更改内容。

在这里,我想将“test.com”更改为“something.com”。请告诉我,如何实现这一目标。

第0帧中的HTML元素:

<span class="topmid-left">Connected to <b>My Site 'test.com' </b> </span>

jquery可以通过设置上下文来选择相同的元素:

**query -**  $("b",window.frames[0].document)

**result -** <b>​My Site 'test.com' ​</b>​

如何在此处更改标记的内容。

感谢。

3 个答案:

答案 0 :(得分:2)

这是小提琴:https://jsfiddle.net/swaprks/L1rq4o7a/

使用jquery并将以下内容添加到您的javascript:

$(".topmid-left b").html("My Site 'something.com'");

答案 1 :(得分:0)

试试这个:

<script>
var str = 'your text';
$( "b" ).html( str );
or 
$("b").text(YOUR_TEXT)
</script>

Learn More

答案 2 :(得分:0)

试试这个会起作用:

Html:

<span class="topmid-left">Connected to <b>My Site 'test.com'</b> </span>

脚本:

// return the inner text of <b>.
var boldText = $("span.topmid-left b").text(); 

// returns the array of length 3.
var splitArr = boldText.split('\''); 

// returns test.com
var text = splitArr[1];

// replace the text.com with abc(or any text you want).
var repText = boldText.replace(text, "xyz"); 

// [Output] My Site 'xyz'
console.log(repText);

// assign new text into html <b> tag.
$("span.topmid-left b").text(repText);

工作Jsfiddle: https://jsfiddle.net/LxcLb012/2/