如何使用XML標籤的DIV中的jQuery選擇

Question

小提琴：http://jsfiddle.net/0dapo32a/1/

HTML：

<div class="test1"> 
<office1><a title="98 Tuvalu road" href="/IDD=1603">98 Tuvalu road</a></office1> 
</div> 
<div class="test1"> 
<office2><a title="900 Bleek Ave" href="/IDD=23">900 Bleek Ave</a></office2> 
</div> 
<div class="test1"> 
<office3><a title="73 Wabash Street" href="/IDD=3">73 Wabash Street</a></office3> 
</div> 

如何編輯JQuery的追加基於標準的錨文本。

Answer 1

你的選擇是通過使用>尋找的.test1直接孩子。

更改爲

$(".test1 a");//match any `a` that is descendant of class `test1` 

，它工作正常

DEMO

Answer 2

jQuery並不在乎標籤是XML還是其他任何東西，因爲它根據字符串查找它。

所以你可以使用：

$("div office1").css("backgroundColor","red"); 

//or 
$("div office1").append('<a href="http://google.com">google</a>'); 

Answer 3

您使用其它標籤名

$(".test1 office1 a") 

如果你想針對所有3級辦事處的標籤，你需要做三次用同樣的方法並用逗號分隔它們

$(".test1 office1 a,.test1 office2 a,.test1 office3 a") 

或者只是刪除您正在使用的子選擇器

$(".test1 a") 

雖然注意到最後一個將選擇任何a標籤是內.test1

Answer 4

jQuery選擇與>將查找.test1類的直接孩子。將其更改爲$(".test1 a")匹配所有a是後裔那類：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div class="test1"> 
 
<office1><a title="98 Tuvalu road" href="/IDD=1603">98 Tuvalu road</a></office1> 
 
</div> 
 
<div class="test1"> 
 
<office2><a title="900 Bleek Ave" href="/IDD=23">900 Bleek Ave</a></office2> 
 
</div> 
 
<div class="test1"> 
 
<office3><a title="73 Wabash Street" href="/IDD=3">73 Wabash Street</a></office3> 
 
</div> 
 
<script> 
 
var vCityState = new Array("| Darien CT", "| Greenwich CT"); 
 

 
$(".test1 a").text(function (index, oldText) { 
 
    if (oldText.indexOf("900") > -1) { 
 
\t \t \t \t \t return oldText + vCityState[0]; 
 
\t \t \t \t } 
 
    if (oldText.indexOf("Wabash") > -1) { 
 
\t \t \t \t \t return oldText + vCityState[1]; 
 
\t \t \t \t } 
 
}); 
 
</script>