通過JQuery更改孩子的名字

我有一部分html。如何編寫JQuery代碼，將'test2'替換爲'Home'？通過JQuery更改孩子的名字

<div class="customBreadcrumbs"> 
<span> 
    <a href="...">test1</a> 
</span> 
<span> 
    <a href="...">test2</a>//need change here 
</span> 
<span> 
    <a href="...">test1</a> 
</span>

我需要jQuery的是這樣的：

$('.customBreadcrumbs ' child child).text("home")

來源

2013-12-12 user2956406

該代碼獲取您div的類名並選擇它的子項並選擇其第二個子項。然後它更新鏈接文本。更多功能，例如基於

$('.customBreadcrumbs').children().children().eq(1).text("home");

功能.children()獲得選擇兒童元素（一個或多個）。
功能.eq()設置兒童位置。（以零開始）

較短的版本（做同樣的事情，更多的是基於選擇）：

$('.customBreadcrumbs span a:eq(1)').text("home");

檢查的jsfiddle這裏：http://jsfiddle.net/Shx4H/1/

來源

2013-12-12 14:26:59 aksu

-1

首先你需要正確的HTML標記。您需要一個結束範圍，或者刪除span的第二個開始標記。小提琴在這裏：http://jsfiddle.net/SveFm/

來源

2013-12-12 14:24:21 n1kkou

請爭辯倒票！ – n1kkou

$(".customBreadcrumbs span:nth-of-type(2) a").html("home")

你可以看到一個例子http://jsfiddle.net/2dq9Z/。基本上:nth-of-type是一個css pseudo class，它根據它們的位置匹配元素。因此，我們從類customBreadcrumbs的元素開始，然後找到第二個span，然後在其中找到a。然後，我們使用jQuery的html方法來更改文本。

來源

2013-12-12 14:33:34 dotty

通過JQuery更改孩子的名字

回答

相關問題