Jquery를 사용하여 작업중인 웹 사이트에서 몇 가지 작업을 수행하고 있습니다. 몇 가지 요청을 수행하고 있으며 얻은 데이터에서 색상 이름이있는 값이 있고 배열에 저장하고 있습니다. 내가하고 싶은 것은 때때로 각 요청에 다른 색상이 있기 때문에 각각의 색상을 변경하는 것입니다.
IE 사용자가 요청합니다. 데이터에서 녹색과 빨간색 값이 있으며 페이지로 보내기 전에 녹색의 색상을 녹색으로, 빨간색을 빨간색으로 변경하고 싶습니다. 다른 요청이 있고 이번에는 색상이 파란색과 노란색이면 위의 과정으로 다시 색상을 변경하고 싶습니다.
이것이 내가 가진 것입니다.
var typeArr = [];
for (let l in data.types) {
typeArr.unshift(data.types[l].type.name); //data.types is the data from the request
}
//This is the appended info at the page
$('#types').html(`${typeArr[0].capitalizeFirstLetter()}`);
if (typeArr[1] !== undefined)
{
$('#types').append(`/${typeArr[1].capitalizeFirstLetter()}`);
}
정확히 오류가 발생하는 것은 아닙니다. 어떻게하는지 알고 싶어요. 그것이 내가 가진 것이고 이름이 올바른 순서로 표시되지만 단어의 색상을 변경하고 싶습니다. 요청 당 배열에는 최대 2 개의 단어가 있습니다.
각 단어를 색상으로 장식하려면 html 태그로 감싸 야합니다.이 경우 <span></span>
예제에서 사용 했습니다.
$("#testme").click(function (){
var arr = [ "Red", "Blue"];
var selectedWord = "Red";
if( $.inArray(arr, selectedWord) ){
var newtext = $("<span>"+selectedWord+"</span>").css("color", selectedWord.toLowerCase());
$("#myDiv").append(newtext);
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myDiv">Text will appear here.</div>
<button id="testme">Test me!</button>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다