Question

<div id="contentChildren" class="frame">

<div id="icon_com.tms.cms.article.Article_fc7be680-c0a8c88d-1be20c00-e3a2814e">
 <a class="contentItem Article" href="http://localhost:9080/ekms/contentexplorer  /explorer.jsp?cn=contentExplorer.panel&et=openMenu&contentId=com.tms.cms.article.Article_fda4d360-c0a8c88d-ae8af400-e4f04255">
</div>

</div>

I have the above html. i trying to use jquery to select the div inside the . that is the div id of “icon_com.tms.cms.article.Article_fc7be680-c0a8c88d-1be20c00-e3a2814e”

but it seems like it cannot be selected. i try using

$("icon_com.tms.cms.article.Article_fc7be680-c0a8c88d-1be20c00-e3a2814e").html();

but it returns null. This is the function i used

function _clickMenu(){              
  var parent = $(this).parent();
  var name = $(this).attr("name");
  var id = parent.attr("id");
  id = id.substr(5);

  $.getJSON(this.href, function(data){

  });
  var icon = "#icon_"+id;

  var x = $("#icon_com.tms.cms.article.Article_fc7be680-c0a8c88d-1be20c00-e3a2814e");
  alert("x : " + x.html());

  return false;
}

can anyone help me?

Answer 1

I think since there are . in the selector its taking it as class selector.
just try something like

$('div[id="icon_com.tms.cms.article.Article_fc7be680-c0a8c88d-1be20c00-e3a2814e"]').html()