システムによって自動生成された注文受領ページがあります。注文番号ごとにバーコードを追加する必要があります。基礎はできましたが、2 つの問題に直面しています。
1) バーコードは毎回最初の注文番号を使用して印刷されます。注文ごとに、すぐ下に独自のバーコードを印刷する必要があります。（ご注文は順番ですが、場合によってはご注文番号を飛ばしていただく場合がございます）
2) システムは各注文の後にコードを配置するため、jquery は複数回実行されます。注文ごとに jquery を削除することはできません。すべての注文が 1 つのドキュメントに読み込まれた後に一度だけ実行するにはどうすればよいですか。
以下は、注文全体の一部です。システムが ID またはクラスを与えなかったので、テーブル幅とフォント サイズを使用して必要な領域を宣言しました。唯一の良い点は、フォント サイズ 3 が他の場所では使用されず、テーブル幅 180 と同じであることです。そのため、どちらの場合も問題ないと思います。ご協力ありがとうございました。
jQuery コード
$("table[width='180']").after("<img id='bar_code'");
$('img#bar_code').attr('src', 'http://www.barcodesinc.com/generator/image.php?code=' + $("font[size='3']").children().html() + '&style=197&type=C128B&width=150&height=50&xres=1&font=3');
HTML コード
<table width=180 border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=90 align=left colspan="2"><b><font style="font-size:18px;font-weight:bold;">PACKING SLIP</font></b></td>
</tr>
<tr>
<td width=90 align=left><b>Date:</b></td>
<td width=90><b>Order#:</b></td>
</tr>
<tr>
<td width=75 align=left> 05/17/2011 </td>
<td><font size=3><b>10122</b></font></td>
</tr>
</table>
<br><br><br>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
$("table[width='180']").after("<img id='bar_code'");
$('img#bar_code').attr('src', 'http://www.barcodesinc.com/generator/image.php?code=' + $("font[size='3']").children().html() + '&style=197&type=C128B&width=150&height=50&xres=1&font=3');
</script>
<table width=180 border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=90 align=left colspan="2"><b><font style="font-size:18px;font-weight:bold;">PACKING SLIP</font></b></td>
</tr>
<tr>
<td width=90 align=left><b>Date:</b></td>
<td width=90><b>Order#:</b></td>
</tr>
<tr>
<td width=75 align=left> 05/17/2011 </td>
<td><font size=3><b>10123</b></font></td>
</tr>
</table>
<br><br><br>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
$("table[width='180']").after("<img id='bar_code'");
$('img#bar_code').attr('src', 'http://www.barcodesinc.com/generator/image.php?code=' + $("font[size='3']").children().html() + '&style=197&type=C128B&width=150&height=50&xres=1&font=3');
</script>
<table width=180 border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=90 align=left colspan="2"><b><font style="font-size:18px;font-weight:bold;">PACKING SLIP</font></b></td>
</tr>
<tr>
<td width=90 align=left><b>Date:</b></td>
<td width=90><b>Order#:</b></td>
</tr>
<tr>
<td width=75 align=left> 05/17/2011 </td>
<td><font size=3><b>10124</b></font></td>
</tr>
</table>
<br><br><br>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
$("table[width='180']").after("<img id='bar_code'");
$('img#bar_code').attr('src', 'http://www.barcodesinc.com/generator/image.php?code=' + $("font[size='3']").children().html() + '&style=197&type=C128B&width=150&height=50&xres=1&font=3');
</script>
<table width=180 border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=90 align=left colspan="2"><b><font style="font-size:18px;font-weight:bold;">PACKING SLIP</font></b></td>
</tr>
<tr>
<td width=90 align=left><b>Date:</b></td>
<td width=90><b>Order#:</b></td>
</tr>
<tr>
<td width=75 align=left> 05/17/2011 </td>
<td><font size=3><b>10127</b></font></td>
</tr>
</table>
<br><br><br>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
$("table[width='180']").after("<img id='bar_code'");
$('img#bar_code').attr('src', 'http://www.barcodesinc.com/generator/image.php?code=' + $("font[size='3']").children().html() + '&style=197&type=C128B&width=150&height=50&xres=1&font=3');
</script>