Question

jquery获取textarea中某一行的内容

我想双击图中右侧下面的文本框中的内容，然后得到“第2行”的“2”这个数字，根据这个数字使上面文本框的第2行内容被选中，如何获取textarea中的第二行的内容而不是文本框中的全部内容呢？求大神帮助

Answer 1

将获取到的内容以“\n”分割成数组，然后取对应的数组元素即可（分割的数组从0开始即key为0）。

<textarea id="textarea">
第一行
第二行
第三行
</textarea>
<a href="javascript:;" onclick="getcontent(2)">获取第二行</a>
<!--使用onclick触发下面的方法-->
<script>
function getcontent(n){
var text = $("#textarea").html();//获取id为ta的textarea的全部内容
var arry = text.split("\n");//以换行符为分隔符将内容分割成数组
alert(arry[n-1]);//弹出第二行文字
}
</script>

Answer 2

var array = $("#edit").html().split("\n");//获取内容按\n分割成数组
alert(array[num-1]);//取第n个

 

<textarea id="ta">
这是第一行
这是第二行
这是第三行
</textarea>
<a href="javascript:;" onclick="getRow(2)">获取第二行</a>

function getRow(number){
var text = $("#ta").html();
var arry = text.split("\n");
alert(arry[number-1]);
}

Answer 3

1、给下面的2这个数字，加一个标签，例如：<em class="num">2</em>
2、var num = $('.num').text();
3、$('#edit p').index(num-1).css('background','#f00');
4、上班的编辑区域里面的内容，最好每行加上P标签，不然怎么判定是第几行呢？
5、仅个人观点

Answer 4

var array = $("#edit").html().split("\n");//获取内容按\n分割成数组
alert(array[<a href="https://www.baidu.com/s?wd=num&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLmhf3PjfvnHT3Pyuhmvn10ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1f4nj03PjcLrH0YrHbvnHfkn6" target="_blank" class="baidu-highlight">num</a>-1]);//取第n个

1
2
3
4
5
6

<textarea id="ta">
这是第一行
这是第二行
这是第三行
</textarea>
<a href="javascript:;" onclick="getRow(2)">获取第二行</a>

1
2
3
4
5

function getRow(<a href="https://www.baidu.com/s?wd=num&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLmhf3PjfvnHT3Pyuhmvn10ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1f4nj03PjcLrH0YrHbvnHfkn6" target="_blank" class="baidu-highlight">num</a>ber){
var text = $("#ta").html();
var arry = text.split("\n");
alert(arry[<a href="https://www.baidu.com/s?wd=num&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLmhf3PjfvnHT3Pyuhmvn10ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1f4nj03PjcLrH0YrHbvnHfkn6" target="_blank" class="baidu-highlight">num</a>ber-1]);
}