文字列を半分に分割するコードを作成します。たとえば、入力された名前が「Trishy」である場合、6文字、最初の3文字はの<ul class="hardcover_front">に入り、後の3文字はliの<ul class="hardcover_back">に入ります。2つのdivにまたがる半分の文字列を分割する
さまざまな文字の長さの複数の名前を適用するには、これが必要です。
<div id="book1" class="book">
<ul class="hardcover_front">
<li></li>
<li>Tri</li>
</ul>
<ul class="hardcover_back">
<li>shy</li>
<li></li>
</ul>
<ul class="book_spine">
</ul>
</div>
var s = "Trishy";
var half = Math.round(s.length/2);
var first = s.substr(0, half);
var last = s.substr(half + 1, s.length);
$('#book1 ul.hardcover_front').find('li:nth-child(2)').html(first);
$('#book1 ul.hardcover_back').find('li:nth-child(1)').html(last);
これはトリックを行う必要があります。
これは正しいですが、 '（half + 1、'は '（half、 – evilgenious448
ここでは、あなたを動かすためのいくつかの手順を示します。理解していない部分については、Googleを使用して学習してください。一度半作業ソリューションがあれば、JSで質問を更新し、何が起こるかを見てください。
substringを使用して必要な文字を取得します。document.querySelectorまたは類似の方法は、あなたがtextContentまたはinnerHTML経由で取得しまし要素のテキストを設定DOMあなたは、このような文字列の両半分を取得し、あなたがこれまでに試してみました何
<!DOCTYPE html>
<html>
<body>
<p>Click the button to extract characters from the string.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var str = "Helloworld!";
var length = str.length;
if(length%2 == 0){
res = str.substring(0, length/2);
\t res1 = str.substring(length/2, length);
}
else{
res = str.substring(0, (length/2) + 1);
\t res1 = str.substring((length/2) + 1, length);
}
alert("First Half- "+res+"\n"+"Second Half- "+res1);
console.log("First Half- "+res+"\n"+"Second Half- "+res1);
}
</script>
</body>
</html>
を好きな場所にそれらを使用することができますか？ – Thijs
[substring]（https://www.w3schools.com/jsref/jsref_substring.asp）を使用してください – adiga
@adigaどのように半分に部分文字列を入れますか？ – evilgenious448