使用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/

Answer 2

<script>
function deleteTo(){
  var inn=document.querySelector('p').innerHTML;
  document.querySelector('p').innerHTML = inn.replace(/to/gi,"");
}
</script>

这是一个JavaScript代码，效果很好。 调用函数deleteTo（）;

Answer 3

因此，此代码将编辑html中的所有元素“ P”。 它将仅删除段落元素中的“至”字样。 修改它以从您的帐户中删除“全天”

元素。 只需将单词“ to”更改为“替换”功能的括号之间，就在代码的最后一行即可。

<script>
function deleteTo(){
  var inn=document.querySelectorAll('p');
  for(var i in inn){
  inn[i].innerHTML = inn[i].innerHTML.replace(/to/gi,"");
  }
}
</script>