Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript不更新p标记的数据_Javascript_Jquery - Fatal编程技术网

javascript不更新p标记的数据

javascript不更新p标记的数据,javascript,jquery,Javascript,Jquery,我遇到了一个问题,当我尝试使用jquery更新p标记的值时,它确实会更新p标记的值,我无法理解我做错了什么。请告诉我我做错了什么 每当我点击查看合同细节按钮时,就会调用一个名为ajax_bookmark的函数,我会尝试更改p标记数据,但更改没有发生 <div class="row"> <div id="page-wrapper-lbms" class="small-12 medium-12 large-8 large-offset-2 columns dashbo

我遇到了一个问题,当我尝试使用jquery更新p标记的值时,它确实会更新p标记的值,我无法理解我做错了什么。请告诉我我做错了什么

每当我点击查看合同细节按钮时,就会调用一个名为ajax_bookmark的函数,我会尝试更改p标记数据,但更改没有发生

 <div class="row">
      <div id="page-wrapper-lbms" class="small-12 medium-12 large-8 large-offset-2 columns dashboard-page">
        <header>
            <h1>Finalized Deals</h1>
        </header>
        <%
        if @requests != nil
         @requests.each.with_index do |request,index| 

          if request != nil
          %>
        <div class="row">
          <div class="small-12 columns">
            <div class="deal-item-lbms">
              <div class="row">
                <div class="small-12 medium-12 large-12 column">

                  <h4><%= request.title  %></h4>
                </div>
              </div>
              <div class="row">
                <div class="small-12 medium-12 large-12 column">
                  <h6>Corresponding Request: Other Request Title</h6>
                </div>
              </div>
              <div class="row">
                <div class="small-12 medium-12 large-12 column">
                  <h6>Corresponding User: Jawad Khawaja</h6>
                </div>
              </div>
              <div class="row">
                <div class="small-12 medium-12 large-12 column">
                  <h6>Meeting Date: 05, Jan 2015</h6>
                </div>
              </div>
              <div class="row">
                <div class="small-12 medium-12 large-12 column">
                  <h6><%= request.created_at  %></h6>
                </div>
              </div>
              <input type="hidden" id="b_delete" value="'<%= request.description%>'" name="request_id"/>
              <div class="deal-btn-grp-lbms">
                <button class="tiny" data-reveal-id="contract-details-modal-lbms" onclick="ajax_finalized('<%= request.description %>')">View Contract Details</button>
                <button class="tiny">Delete</button>
              </div>
            </div>
            <hr />
          </div>
        </div>

<%end%>
<%end%>
<%end%>


    </div>
        </div>
        <div id="contract-details-modal-lbms" class="reveal-modal" data-reveal>
      <h3>Contract Details</h3>
      <p id="contract_details"></p>
    </div>
  <script>
    function ajax_finalized(abc){
      $('#contract_details').innerHTML = 'abc';
      alert("yo!");


    }
  </script>

Hi innerHTML是javascript或Persisely DOM属性,而不是jquery。您可以在执行以下操作时使用innerHTML

document.getElementById('contract_details');
因此,当您使用jquery时,我们应该使用jquery方法。对于您的情况,您可以使用html或文本方法。因此,只需尝试使用下面的代码,而不是使用

$('#contract_details').innerHTMLlb = 'abc';
可能对你有用的是

$('#contract_details').text('new text');

$('#contract_details').html('new text');
使用jquery时,只有使用work的jquery方法?? 对实际上,当您使用JQuery和Javascript选择DOM元素时,了解您得到的回报是很重要的

 $('#contract_details').innerHTML; 
将始终为您提供未定义的值。及

document.getElementById('contract_details');
将为您提供具有innerHTML属性的DOM对象。。 还有一个不应该使用的小魔法是

$('#contract_details')[0].innerHTML == document.getElementById('contract_details').innerHTML 

return true..

Hi innerHTML是javascript或Persisely DOM属性,而不是jquery。您可以在执行以下操作时使用innerHTML

document.getElementById('contract_details');
因此,当您使用jquery时,我们应该使用jquery方法。对于您的情况,您可以使用html或文本方法。因此,只需尝试使用下面的代码,而不是使用

$('#contract_details').innerHTMLlb = 'abc';
可能对你有用的是

$('#contract_details').text('new text');

$('#contract_details').html('new text');
使用jquery时,只有使用work的jquery方法?? 对实际上,当您使用JQuery和Javascript选择DOM元素时,了解您得到的回报是很重要的

 $('#contract_details').innerHTML; 
将始终为您提供未定义的值。及

document.getElementById('contract_details');
将为您提供具有innerHTML属性的DOM对象。。 还有一个不应该使用的小魔法是

$('#contract_details')[0].innerHTML == document.getElementById('contract_details').innerHTML 

返回true.

对于基于jQuery的解决方案,您可以使用:

或者,您可以像这样使用纯JavaScript:

document.getElementById('contract_details').innerHTML = 'abc';

对于基于jQuery的解决方案,您可以使用:

或者,您可以像这样使用纯JavaScript:

document.getElementById('contract_details').innerHTML = 'abc';

请使用下面的行将html添加到标记

 $('#contract_details').html('abc');

请使用下面的行将html添加到标记

 $('#contract_details').html('abc');


检查$'contract_details'的语法。innerHTMLlb='abc';嗨,什么是InnerHTMLB?jQuery的对象中没有InnerHTMLB属性。添加它对修改元素的HTML代码没有帮助。@JohnDoe$“contract\u details”。innerHTML也不正确。它必须是$'contract\u details.html或$'contract\u details'[0]。应使用innerHTML$'contract\u details.html'myhtml'检查$'contract\u details.InnerHTMLB='abc'的语法;嗨,什么是InnerHTMLB?jQuery的对象中没有InnerHTMLB属性。添加它对修改元素的HTML代码没有帮助。@JohnDoe$“contract\u details”。innerHTML也不正确。它必须是$'contract\u details.html或$'contract\u details'[0]。innerHTML$'contract\u details.html'myhtml'应该被使用我想添加一个文本,对不对???@VirajNalawade我不这么认为`我尝试使用jquery更新p标记的值` Hi想添加一个文本,对吧???@VirajNalawade我不这么认为`我尝试使用jquery更新p标记的值`@Regent我会更新答案谢谢..哦,我知道我做错了什么我有一个问题,用jquery只使用jquery方法工作?@james谢谢,对于你在评论中提出的问题,请看我更新的答案..@Regent我会更新答案谢谢。哦,我明白我做错了什么了。我有一个问题,关于jquery,只有jquery方法可以工作?@james谢谢,关于你在评论中提出的问题,请看我的更新答案。在答案中,你应该解释为什么,而不只是发布有效的代码。在答案中,你应该解释为什么,而不只是发布有效的代码。