显示和隐藏元素 if 语句 JQuery

Question

我是 JQuery 的专业新手，需要有关显示和隐藏元素的帮助。

目标：

如果小部件标题 = 过滤器选择然后显示小部件否则隐藏

这是我的：

if ($('widget-title',element) === ($('.uc-box-text'.title(),element){
    (i have no clue how to tell it to show just this widget with this title particular).show()
else
    (widget).hide()

当我尝试测试它时没有任何反应，我不知道如何将它告诉特定的小部件而不仅仅是标题。

大家可以帮我解决这个问题吗？

html 很长，但这是小部件的代码

<widget type="pivot" subtype="pivot" family="" widgetid="58e69a5730a1e50000001015" class="widget columnar" data-ng-class="{refreshing:widget.refreshing, hidden:layoutState.resizing ||  layoutCellState.resizing || layoutSubCellState.resizing,
 renderMode: dashboard.renderMode, 'has-breadcrumbs': widget.metadata.isDrilled()}" data-ng-controller="dashboard-layout.controllers.columnar.widget" columnar-widget="" data-ng-style="{height: widgetHeight}" dashboard-columnar-draggable="" data-ng-repeat="element in subcell.elements" style="position: relative; height: 121px;">

<widget-header style="width: 100%; background-color: rgb(84, 84, 84); border-left: 8px solid rgb(28, 145, 192);">

 <widget-title style="float: left; font-family: opensansregular; font-weight: normal; font-size: 16px; color: rgb(238, 238, 238); vertical-align: middle; text-align: left;" data-ng-hide="layoutState.minSizeReached" title="TEST" class="">TEST</widget-title> </div>

Answer 1

没有看到您的 HTML 就无法给您确切的答案，但这应该可以帮助您入门：

$(function() {
  $('.widget').each(function() {
    var widgetTitle = $('h2',this).text();
    if (widgetTitle === 'Widget One') {
      $(this).hide();
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="widget">
  <h2>Widget One</h2>
  <p>This widget <strong>will not</strong> be shown</p>
</div>

<div class="widget">
  <h2>Widget Two</h2>
  <p>This widget <strong>will</strong> be shown</p>
</div>

Answer 2

jQuery 将 ID、class 等用于 select 特定元素。最好在要使用的元素上使用 class 或 ID。

<widget id='my-widget'...

那你就可以使用

$("#my-widget").show();

显示和隐藏元素 if 语句 JQuery

Show and Hide element if statement JQuery

jquery

if-statement

equality

show-hide