2012-01-17 58 views
1
<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> 

我有上面的html。我试图使用jQuery来选择里面的div。这是“icon_com.tms.cms.article.Article_fc7be680-c0a8c88d-1be20c00-e3a2814e”的分辨率ID“jquery无法选择div

但它好像不能被选中。我尝试使用

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

但它返回null。这是我使用的功能

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; 
} 

任何人都可以帮我吗?

回答

3

我觉得因为它以它为类选择的选择是.。 只是尝试类似

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

嗨,感谢这对我有用。 – 2012-01-17 08:10:58

+0

然后标记答案为接受.. :) lollzzz – 2012-01-17 08:12:56

2

我认为这将这样的伎俩:

// instead of $(x), just use x. 
alert("x : " + x.html()); 

X仍然是一个有效的jQuery对象,所以没有必要再$()包装。

编辑:

刚刚意识到你也使用'。'在ID中。哪些对于有效的HTML甚至可以,但jQuery使用点来选择类名称。因此,它可以识别

$('#icon_com.tms.cms.article.Article_fda4d360-c0a8c88d-ae8af400-e4f04255') 

作为一个选择:id为 “icon_com” 带班 “TMS”, “厘米”, “文章”, “Article_fda4d360-c0a8c88d-ae8af400-e4f04255”。

果然,这个片段的工作:

<div id="icon_com" class="tms cms article Article_fda4d360-c0a8c88d-ae8af400-e4f04255"> 
    <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">lorem ipsum</a> 
</div> 

<script src="jquery.js"></script> 
<script> 
$(function(){ 
    var x = $("#icon_com.tms.cms.article.Article_fda4d360-c0a8c88d-ae8af400-e4f04255"); 
    alert("x : " + x.html()); 
}); 
</script> 

+1到xdazz的点了。

+0

我有尝试,也..它没有工作.. – 2012-01-17 07:46:48

+0

感谢您的评论Hi。我已经理解你的解释。但我想用icon_com.tms.cms.article.Article_fda4d360-c0a8c88d-ae8af400-e4f04255作为id来选择div。所以我打算用dku.rajkumar的解决方案 – 2012-01-17 08:14:22

1

1.您的html没有ID为icon_com.tms.cms.article.Article_fc7be680-c0a8c88d-1be20c00-e3a2814e的div。

2. $("icon_com.tms.cms.article.Article_fc7be680-c0a8c88d-1be20c00-e3a2814e")是错的,错过了#

3.

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

也是错误的,只是x.html()

+0

对不起。该id是假设与div相同。我并没有排除#。 – 2012-01-17 07:55:59