Удалить часть текста в теге P после разделителя ""

Question

Моя разметка выглядит так:

<div class="article">
 <p class="date">16-05-2011 15:28:24</p>
</div>

Этот вывод генерируется CMS, и я искал повсюду, чтобы изменить вывод, но я не нашел решения.

Я хочу использовать jQuery, чтобы убрать «час» из абзаца с датой.

Сказав, что я не хочу никакого текста после "пробела", чтобы отображался только день-месяц-год. ​​

Есть идеи, как этого добиться с помощью jQuery?

Answer 1

Довольно простая петля, разбитая на пробел с пределом в 1 элемент:

$('p.date').each(function() {
    $(this).html($(this).html().split(" ",1)[0]);
});

Answer 2

<script type="text/javascript">
  var date = $('p.date').html(); // get date content
  var split = date.split(" "); // explode by space
  $('div.date').html(split[0]); // setting the html with the first piece
</script>

не проверено, но я думаю, что так и должно быть. Если есть больше чем 1 div, попробуйте это:

<script type="text/javascript">
  $(document).ready(function() {

    $('p.date').each(function(index) {
      var date = $(this).html();
      var split = date.split(' ');
      $(this).html(split[0]);
    });

  });
</script>