Question

HTML代码如下：

<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>。有没有人有这个想法？谢谢！

Answer 1

可以使用它的父ID

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

<强>更新

使用＆gt;意指直接后裔，因为空间意味着后代不一定是直接的。

Answer 2

使用CSS选择器

#select1_chzn span

我不是jquery人，但我在这里看到了足够的问题，猜猜你会使用

$('#select1_chzn span')

Answer 3

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

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

Answer 4

家长孩子，如下所示：

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

Answer 5

标题说“如何在jquery中更改没有ID的元素？”

如果您想在div span中使用无ID 定位所有#select1_chzn，您可以

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

好像你想要最后 span：

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

Answer 6

您可以使用任何可用的css-selector来选择jquery对象，例如这应该有效：

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

Answer 7

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

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

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

如何在jquery中更改没有ID的元素？

7 个答案: