javascript - 使用 javascript 或 jQuery 摆脱 div 元素中的某些特定文本

Question

我试图阻止某些元素出现。我几乎没有 javascript 或 jQuery 经验，而且 CSS 似乎也做不到这一点。

<div class="wrap">
  <h3 class="event-form-name">Event Name</h3>
  <div class="inside event-form-name">
    <input type="text" name="event_name" id="event-name" value="" /><i>*</i> <br /> The event name. Example: Birthday party
  </div>

  <h3 class="event-form-when">When</h3>
  <div class="inside event-form-when">
    <div class="event-form-when" id="em-form-when">
      <p class="em-date-range">
        From
        <input class="em-date-start em-date-input-loc" type="text" />
        <input class="em-date-input" type="hidden" name="event_start_date" value="" /> to
        <input class="em-date-end em-date-input-loc" type="text" />
        <input class="em-date-input" type="hidden" name="event_end_date" value="" />
      </p>
      <p class="em-time-range">
        <span class="em-event-text">Event starts at</span>
        <input id="start-time" class="em-time-input em-time-start" type="text" size="8" maxlength="8" name="event_start_time" value="12:00 AM" /> to
        <input id="end-time" class="em-time-input em-time-end" type="text" size="8" maxlength="8" name="event_end_time" value="12:00 AM" /> All day <input type="checkbox" class="em-time-all-day" name="event_all_day" id="em-time-all-day" value="1" />
      </p>
      <span id='event-date-explanation'>
            This event spans every day between the beginning and end date, with start/end times applying to each day.	</span>
    </div>
  </div>
</div>

我想去掉“em-date-range”p 元素中的“to”，而不删除页面上其他任何地方的“to”一词(到目前为止，我只找到了替换它的方法页)。而且，我想从“em-time-range”p 元素中删除“All day”。

如果您想解释/教授更多内容，我目前正在使用 CSS“display: none;”隐藏“em-date-end”输入元素、“em-time-all-day”复选框和“event-date-explanation”跨度。我很想知道如何在 javascript 中执行此操作...但也许 CSS 是解决此问题的地方。

同样，我无法控制 HTML，它不是我的。我只需要修改它。

非常感谢您的宝贵时间和帮助。

Answer 1

您正在使用点表示法在 jQuery 中查找类。因此，$(".em-date-range").hide() 将隐藏整个段落。

你可以用 CSS 做同样的事情:

.em-date-range { display: none }

正如您已经提到的。

如果您有多个具有相同类别的元素，您可以选择某个元素的子元素。例如:$(".event-form-when .em-date-range").hide()

您可以在官方文档中阅读更多相关信息:https://api.jquery.com/category/selectors/