Question

我有两个列表项，如果满足某些条件，我必须显示第一项，否则我将显示第二项。

例如

<li class="login" style="display:block"> 
    <a href="#" id="sign_up_link" data-modal="#create-account-modal" data-  reveal-id="create-account-modal"></a>
</li>

<li class="login" style="display:none"> 
  <a class="btn" href="#" id="sign_up_link" data-modal="#create-account-modal" data-reveal-id="create-account-modal"></a>
</li>

我无法更改列表项的ID。我有两个选项

我可以在列表项中再添加一个类来区分要显示的类以及隐藏哪些。
或者我可以将每个列表项放在具有一些id和based的单独div中在我可以展示或隐藏的那个div上。

哪一个好1）或2）??

有没有最好的选择？

Answer 1

quote(`~`(mpg,cyl))[[1]]
# `~`
quote(base::`~`(mpg,cyl))[[1]]
# base::`~`

$('#submit').click(function() {
  $(this).prev('#hideme').toggle();


})

描述：显示或隐藏匹配的元素。

文档here

您可以使用<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <div> <input type='button' id='hideme' value='hide me'> <input type='button' id='submit' value='submit'> </div>隐藏/显示元素，使用ID作为选择器，确保始终使用唯一ID

.toggle()

$('#clickme').click(function() {
  $(this).parent().find('#hideme').toggle();


})

隐藏/显示你应该像往常一样拥有唯一的ID并使用适当的选择器来选择你想要显示或隐藏的li

显示和隐藏列表项的最佳方式？

1 个答案: