Javascript 使用jquery从单击的段落中获取值
有人能帮我从我点击的段落中获取firstName和lastName的值,这样我就可以在另一个div中显示它们了。我只能从我点击的段落中获取整个文本,但我需要firstName和lastName的值。下面是我需要帮助的注释代码。提前谢谢Javascript 使用jquery从单击的段落中获取值,javascript,jquery,html,Javascript,Jquery,Html,有人能帮我从我点击的段落中获取firstName和lastName的值,这样我就可以在另一个div中显示它们了。我只能从我点击的段落中获取整个文本,但我需要firstName和lastName的值。下面是我需要帮助的注释代码。提前谢谢 功能触点(第一个、最后一个){ this.firstName=first; this.lastName=last; } $(文档).ready(函数(){ 设a_contacts=[]; $(“#delBtn”)。单击(函数(){ $(“li”).remove(
功能触点(第一个、最后一个){
this.firstName=first;
this.lastName=last;
}
$(文档).ready(函数(){
设a_contacts=[];
$(“#delBtn”)。单击(函数(){
$(“li”).remove();
});
$(“#保存”)。单击(函数(){
event.preventDefault()
var inputedfirstname=$(“输入#新名字”).val();
var inputedlastname=$(“输入#新姓氏”).val();
var newContact=新联系人(inputedfirstname,inputedlastname);
$(“ul#contacts”)。追加(“”+”“+”名字:“+newContact.firstName+”姓氏:“+newContact.lastName+”
“+”del“+” ”;
a_触点。按下(新触点);
$(“输入新名字”).val(“”);
$(“输入#新姓氏”).val(“”);
});
//$('#contacts')。在('click','p',函数(e)上{
//$(“#显示联系人”).show();
//$(“#显示联系人h2”).text(newContact.firstName);
//$(“.first name”).text(newContact.firstName);
//$(“.last name”).text(newContact.lastName);
// });
$('#contacts')。on('click','.del',函数(事件){
$(event.target).parent().remove()
});
});代码>
通讯录
添加联系人:
名字
姓
添加
拯救
联络:
名字:
姓氏:
用锚定
标记(或等)包装firstName和lastName,并用此标记完成:
功能触点(第一个、最后一个){
this.firstName=first;
this.lastName=last;
}
$(文档).ready(函数(){
$(文档).on('click','para',函数(){
var fn=$(this.find('.fn').text();
var ln=$(this.find('.ln').text();
$(“#显示联系人”)。追加(“名字:“+fn+”姓氏:“+ln+””);//添加
//$(“#显示联系人”).html(“名字:“+fn+”姓氏:“+ln+””);//更新
//log(“名字是:“+fn+”姓是:“+ln”);
});
设a_contacts=[];
$(“#delBtn”)。单击(函数(){
$(“li”).remove();
});
$(“#保存”)。单击(函数(){
event.preventDefault()
var inputedfirstname=$(“输入#新名字”).val();
var inputedlastname=$(“输入#新姓氏”).val();
var newContact=新联系人(inputedfirstname,inputedlastname);
$(“ul#contacts”)。追加(“”+”“+”名字:“+newContact.firstName+”姓氏:“+newContact.lastName+”
“+”del“+” ”;
a_触点。按下(新触点);
$(“输入新名字”).val(“”);
$(“输入#新姓氏”).val(“”);
});
//$('#contacts')。在('click','p',函数(e)上{
//$(“#显示联系人”).show();
//$(“#显示联系人h2”).text(newContact.firstName);
//$(“.first name”).text(newContact.firstName);
//$(“.last name”).text(newContact.lastName);
// });
$('#contacts')。on('click','.del',函数(事件){
$(event.target).parent().remove()
});
});代码>
通讯录
添加联系人:
名字
姓
添加
拯救
联络:
您可以使用正则表达式执行此操作
功能触点(第一个、最后一个){
this.firstName=first;
this.lastName=last;
}
$(文档).ready(函数(){
设a_contacts=[];
$(“#delBtn”)。单击(函数(){
$(“li”).remove();
});
$(“#保存”)。单击(函数(){
event.preventDefault()
var inputedfirstname=$(“输入#新名字”).val();
var inputedlastname=$(“输入#新姓氏”).val();
var newContact=新联系人(inputedfirstname,inputedlastname);
$(“ul#contacts”)。追加(“”+”“+”名字:“+newContact.firstName+”姓氏:“+newContact.lastName+”
“+”del“+” ”;
a_触点。按下(新触点);
$(“输入新名字”).val(“”);
$(“输入#新姓氏”).val(“”);
});
$(“#显示联系人”).hide();
$('#contacts')。在('click','p',函数(e)上{
var name=$(this.html();
var fname=name.match(/(?)?
联络:
名字:
姓氏:
一种可能的解决方案是使用substr
提取firstname
和lastname
,如下所示
功能触点(第一个、最后一个){
this.firstName=first;
this.lastName=last;
}
$(文档).ready(函数(){
设a_contacts=[];
$(“#delBtn”)。单击(函数(){
$(“li”).remove();
});
$(“#保存”)。单击(函数(){
event.preventDefault()
var inputedfirstname=$(“输入#新名字”).val();
var inputedlastname=$(“输入#新姓氏”).val();
var newContact=新联系人(inputedfirstname,inputedlastname);
$(“ul#contacts”)。追加(“”+”“+”名字:“+newContact.firstName+”姓氏:“+newContact.lastName+”
“+”del“+” ”;
a_触点。按下(新触点);
$(“输入新名字”).val(“”);
$(“输入#新姓氏”).val(“”);
});
$('#contacts')。在('click','p',函数(e)上{
//获取当前段落的文本
var txt=$(this.text();
//预定义文本中的标签
var fnameLabel='名字:';
伊纳梅拉变种