How do I know if an element has the html or value property?

Question

I have two elements that need to be updated a DIV and another INPUT

One has to be updated value and another html, example

...
    $.each(json, function (index, value) {
       if (typeof $("#" + index).val() !== "undefined") {
           $("#" + index).val(value);
       } else {
           if (typeof $("#" + index).html() !== "undefined") {
               $("#" + index).html(value);
           }
      }
   });
...

I’m doing it the way up but it’s not working

Answer 1

You can check by tag name:

...
    $.each(json, function (index, value) {
       if ( $("#" + index).prop("tagName") == "INPUT") {
           $("#" + index).val(value);
       } else {
           $("#" + index).html(value);
      }
   });
...

It just wasn’t clear why this other one if within the else. But this way checking tag name already solves whether to use .val() or .html().