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，就无法给出确切的答案，但这应该可以让您入门：

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

jQuery使用ID，类等来选择特定元素。在您想要使用的元素上使用类或ID是个好主意。

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

然后你可以使用

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

如果语句JQuery

2 个答案: