jQuery-更改html 標簽的內容

Question

我有一套框架和HTML頁面。 我已經從另一個HTML頁面中選擇了框架html元素之一，我想使用jquery更改內容。

在這里，我想將“ test.com”更改為“ something.com”。 請讓我知道，該如何實現。

第0幀中的HTML元素：

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

jQuery可以通過設置context來選擇相同的元素：

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

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

如何在此處更改標簽的內容。

謝謝。

Answer 1

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

使用jquery並將以下內容添加到您的javascript中：

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

Answer 2

嘗試這個：

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

學到更多

Answer 3

試試這個將起作用：

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/