Question

所以我想获取div的最后一个ID，然后将其转换为变量

<div class="margin_bot" id="itemRows2"> 
  <p id="rowNum1">...</p>
  <p id="rowNum2">...</p>
  <p id="rowNum3">...</p>
  <p id="rowNum4">...</p>
  <p id="rowNum5">...</p>
  <p id="rowNum6">...</p>
</div>

所以我知道您可以使用以下方法获得div中的最后一个ID：

$('#itemRows2').children().last().attr('id');

哪个返回"rowNum6"，所以我的问题是如何只抓取数字6并将其放入Jquery中像var row1Num这样的变量中？

Answer 1

您可以使用与数字匹配的简单正则表达式：

let id = $('#itemRows2').children().last().attr('id');

let num = Number(id.match(/\d+/));

console.log(num)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="itemRows2"> 
  <p id="rowNum1">...</p>
  <p id="rowNum2">...</p>
  <p id="rowNum3">...</p>
  <p id="rowNum4">...</p>
  <p id="rowNum5">...</p>
  <p id="rowNum6">...</p>
</div>

Answer 2

您可以像这样使用split()：

var myId = $('#itemRows2').children().last().attr('id');
var myNumber = myId.split('rowNum')[1];

console.log(myNumber);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="margin_bot" id="itemRows2">
  <p id="rowNum1">...</p>
  <p id="rowNum2">...</p>
  <p id="rowNum3">...</p>
  <p id="rowNum4">...</p>
  <p id="rowNum5">...</p>
  <p id="rowNum6">...</p>
</div>

Answer 3

您可以使用正则表达式按数字拆分ID

let m = $('#itemRows2').children().last().attr('id').trim().split(/(\d+)/)[1]
console.log(m)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="margin_bot" id="itemRows2">
  <p id="rowNum1">...</p>
  <p id="rowNum2">...</p>
  <p id="rowNum3">...</p>
  <p id="rowNum4">...</p>
  <p id="rowNum5">...</p>
  <p id="rowNum6">...</p>
</div>

Answer 4

Text="{Binding User}"

var text = $('#itemRows2').children().last().attr('id');

console.log(text.match(/\d/g)[0]);

如何将数字与div的ID中的字符串分隔开，然后将字符串转换为变量？

4 个答案: