2012-11-23 19 views
6

的HTML代码是这样的:如何更改jquery中没有ID的元素?

<div id="select1_chzn" class="chzn-container chzn-container-single" style="width: 250px;"> 
    <a class="chzn-single chzn-single-with-drop" 
     href="javascript:void(0)" tabindex="-1"> 
    <span>AFF5</span> 
<div></div> 
</div> 

我不知道我怎么会在jQuery中的<span>AFF5</span>更改为<span>Another</span>。 有没有人有关于此的想法?谢谢!

+0

可能很有趣读取http://stackoverflow.com/questions/735359/update-span-tag-value-with-jquery – Bananam00n

+4

皮肤猫有很多方法。它会一直在id为'select1_chzn'的div中,它会是唯一的跨度吗?告诉我们更多,我们可以回答:) – Archer

+0

您的HTML格式不正确,您需要关闭A标签。 – David

回答

12

能使用它的ID父

$("#select1_chzn span").text("Another"); 

UPDATE

使用>表示嫡系,其中作为空间意味着后代不一定是直接的。

+3

'span'不是'#select1_chzn'的直接子节点,它位于一个锚点内(在示例标记中未关闭) – billyonecan

+0

@billyonecan没有发现没有关闭标记的点,将更新 – AbstractChaos

+0

我没有' t首先要注意它:p(我没有downvote顺便说一句) – billyonecan

5
$("#select1_chzn span").text("Another"); 

简单使用标准的CSS后代选择器应该在这种情况下。

3

孩子,像这样:

$("#select1_chzn span").text('Another'); 
7

使用CSS选择器

#select1_chzn span 

我不是jQuery的人,但我已经在SO猜测,在这里看够了问题你会使用

$('#select1_chzn span') 
0

,您可以使用任何可用的CSS选择器选择jQuery的对象,例如这应该工作:“如何使用jQuery中没有ID更改元素”

$('span').text('Another'); 
+0

这会将文档中的所有**''元素的文本设置为'Another'。 –

+0

是的。这是这个代码的一个例子,这就是为什么我说'任何可用的选择器' –

+0

是的,我只是想我会提到它,以防OP不熟悉css术语。 –

3

的标题说,

如果你想与瞄准所有span S上的格#select1_chzn内没有ID,你可以做

$("#select1_chzn span:not([id])").text(...); 

好像你想要的最后span

$("#select1_chzn span:last").text(...); 
0

如果这是您识别它们的唯一方法,您实际上可以根据其内容搜索跨度。

​$("span:contains(AFF5)").text("Another"); 

但是,这是区分大小写的。