Question

在下面的代码中我如何选择id =“read-more”的span元素，如果使用$（this）的id =“preface-more-btn”的锚元素中的iam（要申请超过jquery中的一个按钮）？

<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>

谢谢你的帮助..

Answer 1

如果您使用id="reface-more-btn"在元素中 ，则可以直观地选择它：

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

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

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

但由于id仅对一个元素是唯一的，为什么不只是使用$('#read-more');？

您可能会混淆class和id，因为只有一个元素可以拥有某个id，而许多元素可以共享class }。请阅读此问题以获得更长的解释，因为必要可以了解差异：div class vs id。

Answer 2

这将始终有效：

$("#read-more");

Answer 3

鉴于结构总是如此：

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

Answer 4

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

它是全球唯一的，因为它有一个ID。

编辑：试试

$(this).parent().prev();

Answer 5

好吧，按id选择元素非常简单。

$("#read-more")

无论你身在何处都会这样做，因为id是全球性的。

Answer 6

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

我如何用Jquery选择这个元素？

6 个答案: