如何使用Jquery选择此元素？

在下面的代码中，如果在jquery中使用$（此）（应用于多个按钮）在id=“Preference more btn”的锚元素中使用iam，我如何选择id=“read more”的span元素

<pre>
   <div id="content">
       <p>
           <span style="font-size: 16px;"></span>
       </p>
       <span id="read-more" style="display: none;"></span>
       <div class="more active" id="preface-more">
           <a class="btn-more" id="preface-more-btn" href="#"></a>
       </div>
   </div>
</pre>

感谢您的帮助。

这将始终有效：

var theSpan = $(this).parent().parent().find('#read-more');

---

考虑到结构将始终看起来像这样：

var selector = $('#read-more');

它是全局唯一的，因为它具有ID

编辑： 试一试

---

那么，通过id选择一个元素是相当容易的

$(this).parent().parent().find('#read-more');

无论您在何处，都将执行此操作，因为id是全局的。

如果您在元素中使用

id=“reface more btn”

，您可以直观地选择它，如下所示：

$(this).closest('#read-more');

如果您正在寻找可读性，请尝试以下方法：

$('#read-more') will do the trick

但是既然

id

仅对一个元素是唯一的，为什么不直接使用

$（“#阅读更多”）

您可能会混淆
类
和
id
，因为只有一个元素可以具有特定的
id
，而许多元素可以共享一个
类
。请阅读此问题以获得更详细的解释，因为了解差异至关重要：。
您搜索过了吗？按ID搜索非常简单…“申请多个按钮”@Jeff:他说“申请多个按钮”，甚至认为这是错误的。OP可能会混淆
id
和
class
。如果OP已经有一个JQuery命令，他正在调用该按钮，可能他只是想将它与他想做的事情链接起来#阅读更多，所以他保存一行并避免搜索DOM“应用于多个按钮”@Blender，我知道，但这正是他所要求的。但我认为你的答案也涵盖了这一点。我为OP的不懂HTML概念并想使用jQuery而感到难过。在允许下载库之前，应该进行测试。。。
$(this).parent().parent().find('#read-more');

$(this).closest('#read-more');

$('#read-more') will do the trick