Question

我的DOM结构如下所示。

<div class="selectricWrapper">
  <div class="selectricHideSelect">
    <select name="ageGroup" id="ageGroup">
       <option value="-1">Any</option>
       <option value="0 To 1">0 To 1</option>
       <option value="1 To 2">1 To 2</option>
       <option value="2 To 3">2 To 3</option>
    </select>
  </div>
  <div class="selectric">
    <p class="label">Any</p>
    <b class="button">▾</b>
  </div>
</div>

我可以从选择器

中选择“selectric”类

$("#ageGroup").parent().next()

但如何选择（选择器）＆amp;更改其子<p>标记的文字，我不想更改/重写.button div

任何帮助将不胜感激，提前谢谢

Answer 1

$("#ageGroup").parent().next().children("p").text("New text");

Answer 2

我认为你要找的是.text（）方法：

$('.selectric p.label').text('new text here');

或：

$('.selectric p:first-child').text('new text here');

http://api.jquery.com/text/

Answer 3

在下面的场景中，我们将从顶级DIV中获取DOM对象。

$('.selectricWrapper .selectric p.label').text('Place you text');

Answer 4

要仅更改标签文本，您需要执行以下操作：

$("#ageGroup").parent().next().children("p.label").text("New text");

选择一个标签并使用jquery更改其文本

4 个答案: