Question

我想以模态获取文本或图像。我可以通过textCont获取文本。在div中可能有文本或图像。那么哪一个会有，它将获取它。

这是我的文字代码。

var contId = 0;
var contBodyElement = null;

$('.body').find('.edit').on('click', function (event) {
    event.preventDefault();

    contBodyElement = event.target.parentNode.parentNode.childNodes[1];
    var contBody = contBodyElement.textContent;
    contId = event.target.parentNode.parentNode.dataset["contid"];
    //console.log(contBody);
    $('#my-editor').val(contBody);
    $('#myModal').modal();
});

HTML

<div class="header">
  <div data-contid={{ $templates->id }}>
    <img src="{{ URL::to($templates->header) }}" alt="" />
    <div class="dropdown-content"> 
      <a href="#" class="edit">Edit content</a>  <a href="#">Edit Background</a> 
    </div>
  </div>
</div>


<div class="cont-one" data-contid={{ 2 }}>
  <h2><p>{{ $body->cont_one }}</p></h2> 
  <div class="dropdown-content"> 
    <a href="#" class="edit">Edit content</a>  <a href="#">Edit Background</a> 
  </div>
</div>

Answer 1

如果您共享要从中获取文本和图像的HTML代码，那就太棒了。

对于图像，您可以像这样获得图像src属性

var src_image_attr = $('img').attr('src');

并将其设置为img element-：

$("#my_image").attr("src", src_image_attr);

在jquery中获取文本和图像

1 个答案: