我不会在表格正文中仅突出显示与他们相关的公司的联系人。目前,我只能突出显示所有联系人,无论他们是哪个公司的联系人。我认为我不能使用find()方法,因为联系人行与公司行不同。
{% for company in company_list %}
<tr id="company-row">
<th id="company-name" scope="row">{{ company.name }}</th>
<td>{{ company.order_count }}</td>
<td id="order-sum">{{ company.order_sum|floatformat:2 }}</td>
<td class="text-center"><input type="checkbox" name="select{{company.pk}}" id=""></td>
</tr>
{% for contact in company.contacts.all %}
<tr id="contact-row">
<td>{{ contact.first_name }} {{ contact.last_name }}</td>
<td id="contact-orders">Orders: {{ contact.order_count }}</td>
<th> </th>
<td></td>
</tr>
{% endfor %}
{% endfor %}
$(document).ready(function() {
$("#company-row").hover(function() {
sum = $(this).find("#order-sum").html() // get value of total sales
if (sum > 50000) {
$(this).addClass("company-row-over") // green
$("#contact-row").each(function() {
orders = $(this).find("#contact-orders").html() // get orders from each contact
orders = orders.split(':')
orders = orders[1]
orders = parseInt(orders)
if (orders > 3) {
$(this).addClass("contacts") // yellow
}
})
} else {
$(this).addClass("company-row-under") // orange
}
},
// clear highlighting on mouse out
function() {
$(this).removeClass()
$("#contact-row").removeClass()
})
})