javascript - 如果存在 div，如何插入文本？

Question

首先，我是 Javascript 的新手，我正在研究 wordpress 插件，所以如果这看起来有点含糊，我深表歉意......(我对 HTML/CSS 有一定的了解，所以我到了那里! )

我需要在“tribe-event-date-start”中的日期之前显示文本“Starting”仅当类“tribe-event-date-end”存在时。

例如:

<span class="tribe-event-date-start">3 June - 9:00 pm</span> - <span class="tribe-event-date-end">6 June - 9:00 pm</span>

我已经通过像这样编辑 CSS 在 HTML 中完成了此操作:

.tribe-event-date-start:before {
    content: "Starting ";
}

...但这会将文本放在ALL 日期之前，这并不理想...

这是我可以用 javascript 做的事情吗？

Answer 1

无论类是否退出，我都有两种情况的代码，希望它能解决您的问题。

    if($('.tribe-event-date-end').length > 0){
      $('.tribe-event-date-start').addClass('start');
    }

if($('.tribe-event-date-end2').length > 0){
      $('.tribe-event-date-start2').addClass('start');
    }

.tribe-event-date-start.start:before,
.tribe-event-date-start2.start:before {
        content: "Starting ";
    }
    
    .wrap {
      border: 1px solid #ccc;
      padding: 10px;
      margin-bottom: 20px;
    }

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div class="wrap">
    <label>If <strong>tribe-event-date-end</strong> class exists.</label></br>
    <span class="tribe-event-date-start">3 June - 9:00 pm</span> - <span class="tribe-event-date-end">6 June - 9:00 pm</span>
    </div>
    
    <div class="wrap">
    <label>If <strong>tribe-event-date-end2</strong> class not exists.</label></br>
    <span class="tribe-event-date-start2">3 June - 9:00 pm</span>
    </div>