如何在DIV中将XML标记用作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 。

改成

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

而且效果很好

DEMO

Answer 2

使用其他标签名称的方式相同

$(".test1 office1 a")

如果要定位所有3个Office标签，则需要进行3次处理并以逗号分隔

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

或者只是删除您正在使用的子选择器

$(".test1 a")

但要注意的最后一个将选择任何a标签是内.test1

Answer 3

带有> 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) { return oldText + vCityState[0]; } if (oldText.indexOf("Wabash") > -1) { return oldText + vCityState[1]; } }); </script> 

Answer 4

jQuery不在乎标记是XML还是其他，因为它基于字符串查找它。

因此您可以使用：

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

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