Рассмотрим следующий пример.
$(function() {
function getRandomColor() {
return "#" + Math.random().toString(16).slice(2, 8);
}
function drawContent(data) {
$.each(data, function(i, el) {
$("<span>").html(el.username).appendTo($(".content"));
});
}
var items = [{
id: 24550986,
username: "addwell",
matchmaking_group_id: 5378563
}, {
id: 30168682,
username: "ekkelito",
matchmaking_group_id: 5378563
}, {
id: 41526903,
username: "dkMrGOD",
matchmaking_group_id: 5373230
}, {
id: 87892435,
username: "FluffyBunny",
matchmaking_group_id: 5373230
}, {
id: 115472481,
username: "hinter",
matchmaking_group_id: 5378563
}, {
id: 290200108,
username: "Jonatan",
matchmaking_group_id: 5376993
}, {
id: 296745880,
username: "Joy",
matchmaking_group_id: 5376993
}, {
id: 352928851,
username: "DiktatorN",
matchmaking_group_id: 5376993
}, {
id: 932540677,
username: "MIKEEEEEEY",
matchmaking_group_id: 5378560
}, {
id: 1030322875,
username: "fknbr0r",
matchmaking_group_id: 5377517
}];
console.log("items", items);
drawContent(items);
$.each(items, function(i, obj) {
console.log("-Needle: " + obj.username);
$(".content > span").each(function(j, el) {
console.log("--Stack: " + $(el).text());
if ($(el).text().indexOf(obj.username) == 0) {
$(el).css("border", '1px solid ' + getRandomColor());
console.log("---Hit^: " + $(el).attr("style"));
}
});
});
});
.content span {
display: inline-block;
padding: 2px;
margin-right: 3px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="content"></div>
Если вы возвращаете строку и объединяете целое число, оно не будет добавлено, но добавится к строке. например, где i
равно 1
, #0A60860 + i
будет #0A608601
, а не #0A60861
. Это также слишком много символов для правильного цветового кода. #0A6086
, #000000
и #FFFFFF
будут правильными.