여기서는 수동으로 태그 클라우드를 만들려고하는데 모든 것이 잘되고 있지만 약간 문제가 있습니다. 아래는 내 코드입니다.
HTML :
<ul id="tagCloud">
<li id="tagcloud_li">Item1</li>
<li id="tagcloud_li">Item2</li>
</ul>
<div id="vis">
<div class="set_texts">
</div>
</div>
자바 스크립트 :
$(function() {
var liArray = document.getElementsByTagName('li');
var list_item = [];
for(var i=0; i < liArray.length ;i++){
list_item.push($(liArray[i]).text());
var get_item_value = ($(liArray[i]).text());
var create_text = $('#vis').find('.set_texts').append($('<a href="" id="tagcloud_list" class="tagcloud_li'+i+'">'));
$('#vis').find(".tagcloud_li"+i).text($(liArray[i]).text());
}
var count_li = $('#vis').find('#tagcloud_list').length+1;
for(var i=0; i < liArray.length ;i++){
for(var j = 0; j < count_li; j++){
if(i == j){
var get_item_value = ($(liArray[i]).text());
var get_class = $('#vis').find('a').text(get_item_value).append(get_class);
}
}
}
});
이 코드의 출력은 다음과 같습니다.
<a href="" id="tagcloud_list" class="tagcloud_li0" style="font-size:12px;text-decoration:none; color: #FF7600;">Item2</a>
<a href="" id="tagcloud_list" class="tagcloud_li0" style="font-size:12px;text-decoration:none; color: #FF7600;">Item2</a>
이 출력에서 둘 다 'Item2'값을 포함합니다.
하지만 첫 번째 태그 'a'에서 'item1'값을 얻고 두 번째 태그 'a'에서 'item2'값을 얻고 싶습니다.
<a href="" id="tagcloud_list" class="tagcloud_li0" style="font-size:12px;text-decoration:none; color: #FF7600;">Item1</a>
<a href="" id="tagcloud_list" class="tagcloud_li0" style="font-size:12px;text-decoration:none; color: #FF7600;">Item2</a>
어떻게 얻을 수 있습니까?
HTML :
<ul id="tagCloud">
<li id="tagcloud_li">Item1</li>
<li id="tagcloud_li">Item2</li>
</ul>
<div id="vis">
<div class="set_texts"></div>
</div>
CSS :
.set_text {
height:500px;
width:500px;
background-color:#FFFFFF;
font-family:Arial;
border: 1px solid #FFFFFF;
text-align:left;
}
.tagcloud {
font-size:12px;
text-decoration:none;
color: #FF7600;
}
JS :
$(function () {
var container = $("#vis").find(".set_texts");
$("#tagCloud").find('li').each(function (i) {
$('<a href="" id="tagcloud_list" class="tagcloud tagcloud_li' + i + '"/>').text($(this).text()).appendTo(container);
});
});
생성 된 태그 클라우드는 간단하지만 코드가 수행하는 작업입니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다