Как задать условие в Jquery?

Question

[anton_trofimov95]

Есть код, который передает значения в попап. Но как скрыть значение, которое соотсветсвует определенному слову? Например, при слове "Диагностика" в класса charc_name оно не должно передаваться. Написал код, но он все зараза скрывает

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="charc_item">
<p class="charc_name">Диагностика </p>
<p class="charc_value">бесплатно</p>
  <a href="#" class="edit">open</a>

</div>

<div class="charc_item">
<p class="charc_name">Ремонт плазмы </p>
<p class="charc_value">платно</p>
  <a href="#" class="edit">open</a>

</div>

<div id="myModal" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="head-modal">
        Записаться на ремонт
      </div>
      <div class="nice-nama">
        <div id="nama">
          
      </div>
        <div id="nama-1">
          
      </div>
        <div class="zapis">
          Записывайтесь по телефону
        </div>
      </div>
        
    </div>
</div>

JQuery

$('.edit').click(function(){
    $('#nama').text($(this).parents('.charc_item').find('.charc_name').text());
    $('#nama-1').text($(this).parents('.charc_item').find('.charc_value').text());
    if($('.charc_name').text() != '(Диагностика)'){
            $('#nama').hide();
          }
    $("#myModal").modal('show');
})

На кодпене - ссылка

Answer 1

[DanKud]

Исходя из вашего кода, вы же уже находили нужный текст элемента до этого. Так в чем проблема?

.....
if ($(this).parents('.charc_item').find('.charc_name').text() !== 'Диагностика') {
.....

или

.....
if ($(this).prevAll('.charc_name').text() !== 'Диагностика') {
.....

Comments

[anton_trofimov95]

А что делает Ваш код? Вроде тоже самое осталось) ну я везде повставлял его, не получилось

[DanKud]

anton_trofimov95, куда и зачем везде вы его повставляли? :)

У вас в коде есть условие:

if($('.charc_name').text() != '(Диагностика)'){
    $('#nama').hide();
}

оно неправильное, я написал как поставить правильное условие:

if ($(this).parents('.charc_item').find('.charc_name').text() !== 'Диагностика') {
    $('#nama').hide();
}

[anton_trofimov95]

DanKud, он просто тоже скрывает не только диагностика слово, но и ремонт тоже. А нужно только при диагностики

$('.edit').click(function(){
    $('#nama').text($(this).parents('.charc_item').find('.charc_name').text());
    $('#nama-1').text($(this).parents('.charc_item').find('.charc_value').text());
  if ($(this).parents('.charc_item').find('.charc_name').text() !== 'Диагностика') {
    $('#nama').hide();
}
    $("#myModal").modal('show');
})

Answer 2

[irishmann]

IndexOf почитайте документацию как использовать