Как проверить, присутствует ли конкретный html-элемент уже или нет, перед вставкой с использованием Jquery

#jquery #html #css

#jquery #HTML #css

Вопрос:

Я новичок в Jquery, пожалуйста, помогите мне. В настоящее время я вставляю класс asterisk в заголовок, но я хочу проверить еще одно условие, перед вставкой, пожалуйста, помогите мне, как мне это проверить. В настоящее время он продолжает вставлять каждое нажатие кнопки редактирования в сетку. Но я хочу вставить только один раз, если он уже присутствует в заголовке, тогда мне не следует снова вставлять mycode, я использую Kendo Edit Grid-

 edit: function (e) {
    var grid = this; e.container.find('td').each(function (_, x) 
       { 
         var cell = $(x);
         var input = cell.find('input[name]'); 
         if (input.attr('name')) { 
            var headerCell = grid.thead.find('th:eq('   cell.index()   ')');
            headerCell.append($('')); 
         } 
      });
}

Имя класса CSS —

 .asterisk:after {
    content: " *";
    color: #b1001d;
}

1. Пожалуйста, добавьте свой код, который вы пробовали, и получите ошибку

2. из кода неясно, чего вы хотите достичь. пожалуйста, отредактируйте свой вопрос и объясните немного больше.

3. Я не получаю сообщение об ошибке, вместо этого он поместит звездочку, сколько раз мы нажимаем кнопку Редактирования, поэтому мне нужно поставить только одну звездочку, если пользователь нажмет на кнопку Редактирования. Пожалуйста, обратитесь к изображению, которое я опубликовал в своем вопросе

4. @GaganDeep input = $(x).find() , который является jQuery элементом

5. @AnuragSrivastava — здесь x является параметром в функции

Ответ №1:

Я могу дать вам ванильный javascript-код. потому что jquery больше не полезен.

  if(typeof(element)!== 'undefined'){
//your code
//eg:
const newElement = '<h1>hello</h1>'
element.append(newElement)
}

Ответ №2:

Я могу сделать это, используя приведенный ниже код :

  $('.asterisk').remove();