Home/ Questions/Q 8636187
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T10:10:11+00:00

I have a function where I append an element to another element: $(#frmUrl).addClass(hideUrl).css(margin,0).append(‘&nbsp;<span class=uico

  • 0

I have a function where I append an element to another element:

$("#frmUrl").addClass("hideUrl").css("margin","0").append('&nbsp;<span class="uico ui-icon-carat-1-w icoSpan"></span>');

Naturally, when I call the same function again, another is appended. How can I rewrite this string to append this span only one?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Well there are 3 things you can do.

    One is to create a flag after appending then check

    var isExist = false;

$("#frmUrl").addClass("hideUrl").css("margin","0").append('&nbsp;<span class="uico ui-icon-carat-1-w icoSpan"></span>');

isExist = true;

if(!isExist){
$("#frmUrl").addClass("hideUrl").css("margin","0").append('&nbsp;<span class="uico ui-icon-carat-1-w icoSpan"></span>');
}

    And the second one is to check if the DOM already exist on the target DOM

    var dom =  $("#frmUrl").html();

if(dom.indexOf('&nbsp;<span class="uico ui-icon-carat-1-w icoSpan\"></span>') == -1){
 $("#frmUrl").addClass("hideUrl").css("margin","0").append('&nbsp;<span class="uico ui-icon-carat-1-w icoSpan"></span>');
}

    And the third one is to check if the element already exist on your target element, by checking its existence on your target

    var dom = $("#frmUrl").find('.uico').length;

if(dom == 0){
     $("#frmUrl").addClass("hideUrl").css("margin","0").append('&nbsp;<span class="uico ui-icon-carat-1-w icoSpan"></span>');
}
    • 0